jQuery源码解读之hasClass()方法分析
作者:bea
本文较为详细的分析了jQuery源码解读之hasClass()方法。分享给大家供大家参考。具体分析如下: 代码如下: jQuery.fn.extend({ hasClass: function( selector ) { //将要检查的类名selector赋值给className, l为选择器选择的当前要检查的jQuery对象数组的长度。 var className = " " + selector + " ", i = 0, l = this.leng
本文较为详细的分析了jQuery源码解读之hasClass()方法。分享给大家供大家参考。具体分析如下:
代码如下:
jQuery.fn.extend({
hasClass: function( selector ) {
//将要检查的类名selector赋值给className, l为选择器选择的当前要检查的jQuery对象数组的长度。
var className = " " + selector + " ",
i = 0,
l = this.length;
//循环检查每一个DOM元素的类名
for ( ; i < l; i++ ) {
//this[i].nodeType === 1,判断当前DOM节点的节点类型,1表示元素节点。
//this[i].className,获取当前DOM节点已经存在的类名。
//rclass = /[
f]/g,replace(rclass, " ")表示移除当前DOM节点类名里的制表符,换行符,回车符等。
//indexOf(className),开始在当前DOM节点的类名里检索是否有你要检查的类名className,如果>=0,表示存在,返回true,跳出函数。
if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
return true;
}
}
//循环检查完了,发现每一个DOM元素里都没有找到你要检查的类名,则返回false,跳出函数。
//可见,只要你的jQuery对象数组里,发现有一个DOM元素的类名里包含你要查找的类名,则返回true,跳出函数。
return false;
}
});
希望本文所述对大家的jQuery程序设计有所帮助。
有用 | 无用
代码如下:
jQuery.fn.extend({
hasClass: function( selector ) {
//将要检查的类名selector赋值给className, l为选择器选择的当前要检查的jQuery对象数组的长度。
var className = " " + selector + " ",
i = 0,
l = this.length;
//循环检查每一个DOM元素的类名
for ( ; i < l; i++ ) {
//this[i].nodeType === 1,判断当前DOM节点的节点类型,1表示元素节点。
//this[i].className,获取当前DOM节点已经存在的类名。
//rclass = /[
f]/g,replace(rclass, " ")表示移除当前DOM节点类名里的制表符,换行符,回车符等。
//indexOf(className),开始在当前DOM节点的类名里检索是否有你要检查的类名className,如果>=0,表示存在,返回true,跳出函数。
if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
return true;
}
}
//循环检查完了,发现每一个DOM元素里都没有找到你要检查的类名,则返回false,跳出函数。
//可见,只要你的jQuery对象数组里,发现有一个DOM元素的类名里包含你要查找的类名,则返回true,跳出函数。
return false;
}
});
希望本文所述对大家的jQuery程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript感应鼠标图片透明度显示的方法
- javascript文本框内输入文字倒计数的方法
- jQuery实现感应鼠标动画效果自动伸长的输入框实例
- JS实现超过长度限制后自动跳转下一款文本框的方法
- js仿土豆网带缩略图的焦点图片切换效果实现方法
- JS实现仿中关村论坛评分后弹出提示效果的方法
- jQuery+AJAX实现网页无刷新上传
- AngularJS学习笔记之TodoMVC的分析
- 使用jquery组件qrcode生成二维码及应用指南
- javascript实现博客园页面右下角返回顶部按钮
- JS+CSS实现感应鼠标渐变显示DIV层的方法
- js实现图片和链接文字同步切换特效的方法
- jQuery实现渐变弹出层和弹出菜单的方法
- JavaScript获取文本框内选中文本的方法
- jQuery常用数据处理方法小结
- jQuery数据缓存用法分析
- jQuery性能优化技巧分析
- jQuery源码解读之removeClass()方法分析
- jQuery源码解读之addClass()方法分析