Код 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/

примечание: если вы хотите анимировать цвета, вам нужно jQuery UI