操作class屬性的新API classList

2021-09-06 04:41:54 字數 430 閱讀 6764

操作class是前端開發中經常需要用到的,尤其在分工細的公司。class幾乎是js工程師與頁面構建師的橋梁。幾乎所有的流行庫都提供了class屬性操作的幾個方法。如 addclass/removeclass/toggleclass/hasclass。

現在html5提供了classlist api,除了ie(包括ie9/10),其它現代瀏覽器均支援該屬性。重寫了下class屬性模組。

1 domclass.has(el, cls)

2 domclass.add(el, cls)

3 domclass.remove(el, cls)

4 domclass.toggle(el, cls)

5 domclass.replace(el, oldcls, newcls)

html5 classlist api

dom-class.js

jquery 操作 class 屬性

類屬性即class屬性,規定類名.用類選擇器規定樣式的時候,需要為元素指定類名,即class屬性的值.注意每個html元素只有乙個class屬性.但是class屬性的值可以是多個名稱,即可能包含乙個詞的列表,中間用空格分隔.具體使用方法見 用jquery進行類名修改既可以用attr 方法修改 cla...

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...