jquery之類名操作

2021-09-23 10:49:59 字數 751 閱讀 8692

$('demo').addclass('active tzh')
$('div').addclass(function(index,ele))
$('div').removeclass('demo active')
匹配到類名就刪除,沒有匹配到就忽略

$('div').removeclass(function(index,ele)

})

沒有順序前後,匹配到類名就移除

兩種方式都能實現同樣的效果,但是更加推薦第一種方式,區別在於結構樣式行為相分離,在 js **中過多的使用css樣式,後期 js 函式功能越來越多,不利於維護,還有乙個復用性,

js**中過多使用css樣式很容易造成**冗餘的問題,把 js **中使用 css 操作樣式的部分抽離出來放到 css檔案中還可以提高乙個效能整體性,因為瀏覽器對css檔案有快取的功能,大大優化網頁。

多節點操作樣式時,更能體現操作類名的好處,用 js 中的 css 方法更換樣式時,對dom節點不太友好,如果使用類名;在css檔案中事先編輯好需求的樣式,然後對整個區塊進行更換,一步到位。

jQuery屬性操作之類樣式操作

類樣式的操作 指對dom屬性classname進行新增 移除操作。比如addclass removeclass toggleclass selector addclass classname classname 型別 string 為每個匹配元素所要增加的乙個或多個樣式名 返回值 jquery 描述...

jQuery 基礎 操作 jQuery 物件

操作 jquery 物件 檢查數量 父子鄰居關係 過濾元素的集合 遍歷 用 jquery 建立 html 元素 dom 物件 元素 與 jquery 物件 前者是瀏覽器的網頁頁面中渲染出來的元素,而後者是對一組 dom 元素的包裝。檢查 dom 物件 if obj.nodetype 檢查 jquer...

jQuery篇 jQuery節點操作

在jquery中,節點操作是基礎且比較重要的內容,我們把它的筆記寫下並做一篇筆記。內部插入 會將元素新增到指定元素內部的最後 會將元素新增到指定元素內部的最前面 外部插入 button click function 同上面新增節點方法一樣方法 clone even deepeven button e...