1. 程式人生 > >jquery 操作 class 屬性

jquery 操作 class 屬性

class屬性修改

  類屬性即class屬性,規定類名.   用類選擇器規定樣式的時候,需要為元素指定類名,即class屬性的值.   注意每個HTML元素只有一個class屬性.但是class屬性的值可以是多個名稱,即可能包含一個詞的列表,中間用空格分隔.   用jQuery進行類名修改既可以用attr()方法修改”class”屬性,也可以用addClass(),removeClass(), toggleClass()等方法來完成. addClass()   addClass()方法向匹配的元素增加指定的類名(一個或多個).   注意對於元素來說,class屬性可以有多個值.該方法不會移除已經存在的值,而是在原有的基礎上追加一個或多個class屬性.    用attr()方法設定class屬性,是一個覆蓋的過程;而addClass()則是一個追加的過程.   class之間最終是用空格來隔開的.   如果需要新增多個類,用空格分隔類名.   從1.4開始,這個方法的引數也可以傳入一個function. removeClass()
  removeClass()方法從被選元素移除一個或多個類.如需移除若干類,用空格來分隔類名.   如果沒有傳引數,該方法將會移除被選元素的所有類. toggleClass()   toggleClass()方法對被選元素的一個或多個類進行切換(設定或移除).   該方法檢查每個元素中的指定類,如果存在則刪除,如果不存在則新增.   通過新增引數,可以設定只進行刪除或者只進行新增操作.   格式:$(selector).toggleClass(class,switch)   switch值為true時,只新增;為false時,只刪除. hasClass()   hasClass()方法檢查被選元素是否包含指定的class.   還可以用is()方法實現同樣的功能,方法引數傳入一個選擇器字串,比如”.className”.