用javascript的classList代替jquery的class操作

Posted 白与小寒

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用javascript的classList代替jquery的class操作相关的知识,希望对你有一定的参考价值。

javascript的className操作方法比较难受,他获取的是一个连续的字符串

必须要用split拆分开,好多人因此想去用jquery的addClass,removeClass,hasClass等等

 

classList解决了这个问题,虽然兼容性并不算好。但会更好的,我们先学习一下

htmlElement都会有classList属性,

主要方法有如下:

el.classList.add()

el.classList.remove()

el.classList.contain()

el.classList.toggle()

尝试一下就懂了,很简单吧,会了这个,再也对jquery估计依赖可以少很多了。啦啦啦

以上是关于用javascript的classList代替jquery的class操作的主要内容,如果未能解决你的问题,请参考以下文章

jQ选择器学习片段(JavaScript 部分对应)

mui项目中如何使用原生JavaScript代替jquery来操作dom

javascript:将classList替换为条件

JavaScript“classList”切换不会切换元素的类名

Javascript-className与classList的区别

css问题(啥可以代替a:hover 事件)