類屬性即class屬性,規定類名.
用類選擇器規定樣式的時候,需要為元素指定類名,即class屬性的值.
注意每個html元素只有乙個class屬性.但是class屬性的值可以是多個名稱,即可能包含乙個詞的列表,中間用空格分隔.
具體使用方法見:
用jquery進行類名修改既可以用attr()方法修改」class」屬性,也可以用addclass(),removeclass(), toggleclass()等方法來完成.
addclass()
api:
addclass()方法向匹配的元素增加指定的類名(乙個或多個).
注意對於元素來說,class屬性可以有多個值.該方法不會移除已經存在的值,而是在原有的基礎上追加乙個或多個class屬性.
用attr()方法設定class屬性,是乙個覆蓋的過程;而addclass()則是乙個追加的過程.
class之間最終是用空格來隔開的.
如果需要新增多個類,用空格分隔類名.
從1.4開始,這個方法的引數也可以傳入乙個function.
removeclass()
api:
removeclass()方法從被選元素移除乙個或多個類.如需移除若干類,用空格來分隔類名.
如果沒有傳引數,該方法將會移除被選元素的所有類.
toggleclass()
api:
toggleclass()方法對被選元素的乙個或多個類進行切換(設定或移除).
該方法檢查每個元素中的指定類,如果存在則刪除,如果不存在則新增.
通過新增引數,可以設定只進行刪除或者只進行新增操作.
格式:$(selector).toggleclass(class,switch)
switch值為true時,只新增;為false時,只刪除.
hasclass()
api:
hasclass()方法檢查被選元素是否包含指定的class.
還可以用is()方法實現同樣的功能,方法引數傳入乙個選擇器字串,比如」.classname」.
jQuery操作元素的class屬性
今天在做乙個選單摺疊外掛程式的時候需要根據頁面的url改變其class屬性。jquery操作元素的屬性是非常方便的，在此記錄一下 1.給元素新增class屬性 1 新增單個class可以直接寫class名字，例如 p addclass selected 2 新增多個class多個class中間空格隔...
jquery操作class屬性的方法
使用 jquery 可以很方便的操作div元素的class屬性的值，以實現各種炫彩的動態效果。這篇文章就來說一說，幾種使用 jq 來操作 div 元素class屬性的方法。jq 的 addclass 方法，可以向乙個指定的 html 元素的 class 屬性中新增乙個屬性值 示例 mochu cla...
jQuery改變元素class屬性
去掉class屬性 this parent li removeclass prev selected 去掉同兄弟的class屬性。this parent li siblings removeclass prev selected li的class selected d的元素新增class屬性。thi...