jquery 操作 class 屬性 阿新 • • 發佈:2019-02-16 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”.