原生dom 模拟jquery hasclass
2016-10-20 13:11
453 查看
var hasClass = (function(){ var div = document.createElement("div") ; if( "classList" in div && typeof div.classList.contains === "function" ) { return function(elem, className){ return elem.classList.contains(className) ; } ; } else { return function(elem, className){ var classes = elem.className.split(/\s+/) ; for(var i= 0 ; i < classes.length ; i ++) { if( classes[i] === className ) { return true ; } } return false ; } ; } })() ; alert( hasClass(document.documentElement, "no-js") ) ;
以上,是原生来实现hasclass的代码,做记录
相关文章推荐
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- jquery源代码分析之dom操作:hasClass
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- html5的classList属性介绍和原生js实现jQuery的addClass,removeClass,hasClass方法
- jQuery源码解读之hasClass()方法分析
- 使用原生JavaScript模拟getElementByClassName
- Sizzle引擎--原生getElementsByClassName对选择结果的影响(jQuery)
- 不要再吹水地球人听不懂的技术,咱来点干货!--中文前端UI框架Kit(四)给你真正的原生的drag以及drop事件,而不是像市面上主流的Js框架jQuery,Ext等,利用mousemove事件,判断位置来模拟
- 原生js和jQuery的DOM操作函数速度比较
- jquery hasClass/addClass/removeClass
- jquery之hasClass
- jquery hasClass()、is()
- jquery属性方法hasClass判断是否存在某个class
- Dom利用javascript实现模拟弹出对话框效果的代码,类似JQuery中的dialog!
- jquery源码解析:addClass,toggleClass,hasClass详解
- jQuery中hasClass()方法用法实例
- 原生JS实现hasClass,addClass,removeClass
- jquery之修改元素样式(样式相关的更有用的命令,使用hasClass()方法)
- 原生js和jQuery的DOM操作函数速度比较
- jQuery 集合 过滤操作(eq filter hasClass is has map not slice)