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/

注意：如果要設置動畫的色彩，你需要jQuery UI