| 标题 | jquery源码解读之addclass()方法分析 |
| 内容 | 这篇文章主要介绍了jquery源码解读之addclass()方法,注释形式较为详细的分析了addclass()方法的实现技巧与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下 本文较为详细的分析了jquery源码解读之addclass()方法。分享给大家供大家参考。具体分析如下： 给jquery原型对象扩展addclass功能，jquery.fn就是jquery.prototype 代码如下: jquery.fn.extend({ /* 可以看出这是一个函数名叫addclass的插件方法。 */ addclass: function( value ) { var classes, elem, cur, clazz, j, finalvalue, i = 0, /* this表示选择器选择的准备添加class的jquery对象，len是该jquery对象数组的长度。 */ len = this.length, //在有一个操作数不是布尔值的情况下，&&操作就不一定返回布尔值，此时，它遵循下列规则： //1.如果第一个操作数不是布尔类型，则返回第二个操作数; //2.如果第二个操作数不是布尔类型，则只有在第一个操作数的求值结果为true，的情况下才会返回该对象; //3.如果两个操作数都不是布尔类型，则返回第二个操作数； //4.如果有一个操作数是null,则返回null; //5.如果有一个操作数是nan，则返回nan; //6.如果有一个操作数是undefined,则返回undefined 。 //情况1:如果value是null,符合规则4，返回null，即proceed值为null; //情况2:如果value是undefine，符合规则6,返回undefined，即proceed值为undefined; //情况3:如果value是nan，符合规则5，返回nan，即proceed值为nan; //情况4:如果value是数字类型，返回false; //情况5:如果value是布尔类型,返回false; //情况7:如果value是array,object,function类型,符合规则2，但typeof value === 'string'是false,所以返回该对象，返回false。 //情况8:如果value是字符串类型，符合规则2，返回value。 //因此，这句只能判断value是不是字符串类型，并且返回这个字符串赋值给proceed。其他任何类型最后都返回false，或是可被隐式转换为false的类型。 proceed = typeof value === string && value; //由于上面只能判断是否是字符串类型，下面这句是判断value是否为function类型。使用了jquery的全局函数isfunction判断，就是$.isfunction()。 if ( jquery.isfunction( value ) ) { //如果value是function类型，进到这里了。 //返回jquery对象，为了链式调用。 //这里的this是你选择器选择的jquery对象。 return this.each(function( j ) { //开始迭代，这里的this可不是jquery对象了，是当前迭代的dom对象，所以用jquery(this)包装了一下，成为一个jquery对象，这样就可以使用jquery方法。j表示每次遍历的索引。传递一个用来设置类名的有返回值的value函数。value这个函数每次call当前dom为其执行对象，并传入当前dom索引值和类名，value函数返回的值，由jquery(this).addclass(返回值)再次调用addclass()方法。如果返回的是字符串，就执行另外一个if的分支。如果返回的还是function，则继续调用返回的这个function。 jquery( this ).addclass( value.call( this, j, this.classname ) ); }); } //之前得到proceed是字符串，这里判断下是否为空字符串，非空字符串隐式转换为true。空字符串隐式转换为false哦，那么if语句块就不再执行了，程序跳到最后的return this，返回这个jquery对象就执行完了。 if ( proceed ) { //proceed非空字符串，开始执行if语句块。假定value是show bd1。 //rnotwhite是正则表达式(/\s+/g),意思是全局匹配非空白字符一次或 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。