首頁 >web前端 >js教程 >用jquery實現點選欄位背景色改變_jquery

用jquery實現點選欄位背景色改變_jquery

WBOY
WBOY原創
2016-05-16 17:46:531426瀏覽

用jquery如何實現點擊一欄目實現欄位變色,再點擊另一欄目也變色,但原來的變回原色,我有個數組 a(1,2,3,我循環遍歷輸出a的值。

複製程式碼 程式碼如下:

點選1 ,1變色,點選2,2變色,但1會變回原來的顏色.我show方法實現了其他的功能.
下面是我初試的代碼
HTML code:
複製代碼 代碼如下:




上面的程式碼中,樣式'clckClass'可能在其他元素上使用,使用$('.clckClass' ).removeClass('clckClass');會將畫面上所用使用clckClass樣式的元素移出clckClass樣式的。這顯然不是我們要得結果,我們只需要移出ul li a下的clckClass樣式。不過後來發現上面的程式碼中,唯一一點是那個clckClass只能在這幾個標籤使用,如果其他也用的話,就可能會影響效果,是我考慮不周到,我只考慮了clckClass這個樣式只應用在這上面的情況,那麼根據這個可以做一下小的修改,如下:
JScript code:
複製程式碼 程式碼如下:



這樣寫將擁有clckClass這個類別的節點保存在變數中,下次點擊時可以不用進行一次遍歷,速度會快一點.
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn