用javascript的classList代替jquery的class操作

摘要:
javascript的className操作方法比较难受,他获取的是一个连续的字符串必须要用split拆分开,好多人因此想去用jquery的addClass,removeClass,hasClass等等classList解决了这个问题,虽然兼容性并不算好。

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操作》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇zabbix proxy配置Golang的优雅重启下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

前端日期选择器--只选择年或者年月的My97

用法说明:   只需要调用一个js<script language="javascript" type="text/javascript" src="http://t.zoukankan.com/My97DatePicker/WdatePicker.js"></script>,   解压出来的文件夹需要跟html文件同级放置 1,...

用javascript实现禁止页面后退返回上一页的代码

用javascript实现禁止页面后退返回上一页的代码:有时候我们需要用户在点击了如下一步的按钮时,页面跳转到了下一个页面,这时想不允许用户返回后退到上一页,可以采用下面的方法:在需要跳转的页面(上一个页面),添加如下代码:<scripttype="text/javascript">history.go(1);</script>这时...

Unity3D脚本语言UnityScript初探

译者注: Unity3D中支持三种语言:JavaScript、C#、Boo,很多人不知道如何选择,通过这篇译文,我们可以搞清楚这三者语言的来龙去脉,对选择主语言有一定的借鉴意义。 首先,Unity是基于Mono也就是.Net的运行环境的,所以它肯定支持C#;然后,Unity团队自行开发了一种Boo的语言;后面可能考虑到用户的接受程度的问题,又开发了类似J...

javascript之eval()函数

    eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。    (1)方法参数为原始字符串,计算该字符串。    (2)方法参数为非字符串,参数不做改变的返回。    (3)方法参数为字符串格式的对象,如果想返回对象,则须在参数中用小括号括起该字符串对象。 1 <script type="text/jav...

HTML统计图表

RGraph: HTML5/Javascript charts for your website http://www.rgraph.net/ jQuery Visualize Plugin Visualize是一个利用HTML5 Canvas将Tables标签转换成图表的jQuery插件。支持的图表类型包括:线状图,柱状图,饼状图。可以设置图表标题,高度...

jquery或者javascript将list转array数组_快速开发平台

jquery或者javascript将list转array数组,软件开发平台软件开发过程中经常会碰到后台传过来的list数据模型要转换成array数组的情况,那么我们该怎么去做呢? 如上图是转换后的表现形式。 解决方案,for循环进行赋值转换。如下代码段: $.getJSON('GetSCKBNum', function (da...