原文:用javascript的classList代替jquery的class操作

javascript的className操作方法比較難受,他獲取的是一個連續的字符串 必須要用split拆分開,好多人因此想去用jquery的addClass,removeClass,hasClass等等 classList解決了這個問題,雖然兼容性並不算好。但會更好的,我們先學習一下 HTMLElement都會有classList屬性, 主要方法有如下: el.classList.add el. ...

2017-04-05 23:24 0 1250 推薦指數:

查看詳情

JavaScript中的classList的使用

動態控制元素的樣式   style[樣式名] = 值   增刪改class的方式 classList下的方法   增加 class — node.classList.add()   刪除 class — node.classList.remove()   切換 class ...

Fri Jun 01 03:53:00 CST 2018 0 2513
jQuery添加class操作

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>class操作</title> <style> ...

Thu Apr 16 22:40:00 CST 2020 0 1552
jquery操作class屬性

一、增加一個class類 //增加一個bbb的class類,aaa與bbb同時存在 $(".aaa").addClass("bbb"); 二、 刪除一個class類 //刪除aaa這個class類 $(".aaa").removeClass("aaa"); 三、修改一個 ...

Fri Oct 19 00:59:00 CST 2018 0 26405
jQuery關於class操作

關於對class操作有增、刪、改、查另外還會有一個就是選擇性添加刪除,也就是如果此標簽有此class就刪除,若沒有此class就添加上去 1.addClass() 方法向被選元素添加一個或多個類。還可以為方法傳入一個函數(當添加的class已經存在的時候就不會重復添加 ...

Thu Dec 27 19:23:00 CST 2018 0 748
js-classList修改class屬性

classList定義與用法 1)classList屬性返回元素的類名,作為DOMTokenList對象 2)該屬性用於在元素中添加,移除及切換css類 3)classList屬性是只讀的,但可以用add()和remove()方法修改他。 方法: 1.添加class屬性 ...

Wed Nov 01 01:35:00 CST 2017 0 1561
jquery (對內容,元素,屬性,class操作

對內容的操作: 捕獲:獲得內容 text() - 設置或返回所選元素的文本內容html() - 設置或返回所選元素的內容(包括 HTML 標記)val() - 設置或返回表單字段的值。 設置:設置內容 添加新內容: text("新內容") - 設置所選元素的文本內容html("新 ...

Thu Nov 14 21:45:00 CST 2019 0 405
jQuery-DOM操作之屬性、class

1、屬性操作   1)、attr()--獲取和設置屬性   2)、removeAttr()--刪除屬性 2、樣式操作 addClass()--增加class attr('class','myclass')--替換class removeClass--移除 ...

Thu May 18 01:01:00 CST 2017 0 1463
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM