原生js封装的一些jquery方法
2016-09-20 09:32
627 查看
用js封装一些常用的jquery方法 记录一下
hasClass:判断是否有class
addClass:增加class
removeClass:移除class
hasClass:判断是否有class
function hasClass(ele, cls) { if (!ele || !cls) return false; if (ele.classList) { return ele.classList.contains(cls); } else { return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')); } }
addClass:增加class
function addClass(ele, cls) { if (ele.classList) { ele.classList.add(cls); } else { if (!hasClass(ele, cls)) ele.className += '' + cls; } }
removeClass:移除class
function removeClass(ele, cls) { if (ele.classList) { ele.classList.remove(cls); } else { ele.className = ele.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' '); } }
相关文章推荐
- 原生js封装的一些jquery方法(详解)
- 【转】原生js仿jquery一些常用方法
- 原生js实现jQuery常用方法的封装
- 原生JS取代一些JQuery方法的简单实现
- 原生js仿jquery一些常用方法
- 原生JS取代一些JQuery方法
- 原生js仿jquery一些常用方法(必看篇)
- 原生JS取代一些JQuery方法的简单实现
- animate动画方法封装:原生JS实现
- 原生js获取宽高与jquery获取宽高的方法关系对比
- js 原生获取元素的一些方法
- js、jQuery中常用的一些方法
- 原生javascript取代jquery的一些方法(jQuery-free)
- 习惯了使用jQuery的ajax方法,看看原生js使用xmlhttpRequest实现ajax请求
- 原生JS和JQuery动态添加、删除表格行的方法
- 一些原生js处理的兼容性问题解决方法(自己)
- JS去掉首尾空格 简单方法大全(原生正则jquery)
- 玩转web之javaScript(五)---js和jquery一些不可不知的方法(input篇)
- 持续更新-jQuery发微-关于jQuery和JS原生混用的方法
- JS原生方法实现jQuery的ready()