jQuery 代码在屏幕上有多个/可点击的图形图标答案

【问题标题】：jQuery code to have multiple/clickable Graphical icons on screenjQuery 代码在屏幕上有多个/可点击的图形图标
【发布时间】：2023-03-10 18:51:01
【问题描述】：

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

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

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

大家好。

杰森

【问题讨论】：

你有这个应该是什么样子的草图/屏幕截图吗？

标签： jquery icons

【解决方案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/

注意：如果你想动画颜色，你需要jQuery UI

【讨论】：