jQuery 代码在屏幕上显示多个/可点击的图形图标

Question

那里有很多示例代码，但我找不到任何完全符合要求的代码。我应该解释一下，我对 jQuery 编码或 HTML 相对较新。

我需要创建代码来显示许多包含图形内容的图标（方块）。图标需要可点击并捕获点击事件。图标本身应该可以（可能）显示在 8 x 10 图标的不可见网格中，但由于屏幕的大小是可调整的，如果在屏幕大小更改时这是动态的，那么会很方便。单击时图标可能需要更改颜色，并且我可能需要一个选项以在禁用模式下显示某些图标。

有没有人遇到过部分符合此要求的代码？ 我会继续寻找，但如果想到什么，我会很乐意的。

向大家问好。

贾森

Answer 1

<div class="asquare"><img src="/.." /></div>
<div class="asquare"><img src="/.." /></div>
...

$('.asquare').click(function(){
   $(this).css({background-color:'red'});
});

沿着这些思路的东西..？

只需阅读一些基本的 jQuery 函数，一切都非常容易理解:)

http://api.jquery。 com/click/

http://api.jquery.com/css/

http://api.jquery.com/animate/

注意：如果你想对颜色进行动画处理，你需要 < a href="http://jqueryui.com/" rel="nofollow">jQuery UI