首页 > 代码库 > 用javascript的classList代替jquery的class操作

用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操作