js封装addClass,removeClass函数
2017-10-29 21:45
393 查看
/* * class相关操作 * @param {Object} elements 节点目标 * @param {Object} cName 操作的className */ function hasClass( elements,cName ){ return elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") ); } function addClass( elements,cName ){ if( !hasClass( elements,cName ) ){ elements.className += " " + cName; } } function removeClass( elements,cName ){ if( hasClass( elements,cName ) ){ elements.className = elements.className.replace( new RegExp( "(\\s|^)" + cName + "(\\s|$)" ), " " ); } }
相关文章推荐
- js学习笔记20----addClass,removeClass函数封装
- Js--addClass封装
- 用JS封装的通用addClass方法(函数)和removeClass方法(函数)
- 原生js封装函数,addClass removeClass,常用tag切换
- 原生js封装添加class,删除class
- js实现css、addClass、removeClass和toggleClass
- JS常用的自定义函数addClass() insertAfter() addLoadEvent(func)
- 用原生js实现addClass,removeClass,hasClass方法
- JavaScript Removeclass addClass 简单封装
- 原生js实现addClass,removeClass,hasClass方法
- 使用JS实现jQuery的addClass, removeClass, hasClass函数功能
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- 原生js封装添加class,删除class的实例
- JS实现jQuery的addClass, removeClass, hasClass函数功能
- 原生JS实现addClass,removeClass,toggleClass,hasClass
- js实现addClass,removeClass,hasClass
- 根据原生JS封装函数,根据传递的选择器查找对应的元素以及解决getElementsByClassName() 兼容问题
- 仿jQuery原生js实现----hasClass,removeClass,addClass
- js实现css、addClass、removeClass和toggleClass
- 原生JS实现addClass,removeClass,toggleClass