[置顶]       jQuery乱谈（五）

// 该方法用于向元素添加新类名 addClass: function( value ) {         var classNames, i, l, elem,             setClass, c, cl;               // 如果参数是函数的话，执行该分支语句         if ( jQuery.isFunction( value ) ) {              // each方法在jQuery中经常用到，因为我们操作的jQuery对象经常是多个，该方法可以让每个jQuery对象都执行相应的操作             return this.each(function( j ) {                   /* 这里用到了Function.call()，这也是在jQuery内部实现中经常用到的
                   还有与之类似的Function.apply()。二者都是用于改变运行上下文，
                   借用已存在的方法进行操作，不同点就是传递参数的方式

　　　　　　　　　　*/                 jQuery( this ).addClass( value.call(this, j, this.className) );              });         }         // 如果参数是字符串的话，执行该分支语句         if ( value && typeof value === "string" ) {             // core_rspace = /\s+/，用于匹配一个及以上的空白字符             classNames = value.split( core_rspace ); // 将提供的参数按空白字符分开放到一个数组里              for ( i = 0, l = this.length; i < l; i++ ) {                 elem = this[ i ];                 // 确保元素是元素节点                 if ( elem.nodeType === 1 ) {                     // 如果元素的class类名不存在而且新添加的类名只有一个                     if ( !elem.className && classNames.length === 1 ) {                         elem.className = value; // 直接将参数赋值给class属性                      } else {                         // 在元素原有的class类名字符串前后添加空白字符可以保证添加新的类名后和原来的类名不会连到一块，从而导致错误                         setClass = " " + elem.className + " ";                           for ( c = 0, cl = classNames.length; c < cl; c++ ) {                             // 确保新添加的className在原来的元素的class属性中不存在                             if ( setClass.indexOf( " " + classNames[ c ] + " " ) < 0 ) {                                 setClass += classNames[ c ] + " ";// 加“ ”可以保证类名不会连接到一块                             }                         }                         // jQuery.trim方法用于去除字符串前后空格                         elem.className = jQuery.trim( setClass );                     }                 }             }         }          // 形成链式调用         return this;     }

attr: function( name, value ) {         return jQuery.access( this, jQuery.attr, name, value, arguments.length > 1 );     }

prop: function( name, value ) {    return jQuery.access( this, jQuery.prop, name, value, arguments.length > 1 ); }

html: function( value ) {         return jQuery.access( this, function( value ) {             var elem = this[0] || {},                 i = 0,                 l = this.length;              if ( value === undefined ) {                 return elem.nodeType === 1 ?                     elem.innerHTML.replace( rinlinejQuery, "" ) :                     undefined;             }              // See if we can take a shortcut and just use innerHTML             if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&                 ( jQuery.support.htmlSerialize || !rnoshimcache.test( value )  ) &&                 ( jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value ) ) &&                 !wrapMap[ ( rtagName.exec( value ) || ["", ""] )[1].toLowerCase() ] ) {                  value = value.replace( rxhtmlTag, "<$1></$2>" );                  try {                     for (; i < l; i++ ) {                         // Remove element nodes and prevent memory leaks                         elem = this[i] || {};                         if ( elem.nodeType === 1 ) {                             jQuery.cleanData( elem.getElementsByTagName( "*" ) );                             elem.innerHTML = value;                         }                     }                      elem = 0;                  // If using innerHTML throws an exception, use the fallback method                 } catch(e) {}             }              if ( elem ) {                 this.empty().append( value );             }         }, null, value, arguments.length );     }

hasClass: function( selector ) {         var className = " " + selector + " ",             i = 0,             l = this.length;         for ( ; i < l; i++ ) {             if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {                 return true;             }         }          return false;     }

removeAttr: function( name ) {         return this.each(function() {             jQuery.removeAttr( this, name );         });     }

/* 这里用到了propFix: {         tabindex: "tabIndex",         readonly: "readOnly",         "for": "htmlFor",         "class": "className",         maxlength: "maxLength",         cellspacing: "cellSpacing",         cellpadding: "cellPadding",         rowspan: "rowSpan",         colspan: "colSpan",         usemap: "useMap",         frameborder: "frameBorder",         contenteditable: "contentEditable"     }，它用于修正IE浏览器中的IE6、7getAttribute、setAttribute、removeAttribute等方法的不足 */ removeAttr: function( elem, value ) {         var propName, attrNames, name, isBool,             i = 0;         // 确保要移除的属性存在，并且节点是元素节点         if ( value && elem.nodeType === 1 ) {              // 将参数value按空格分解成数组             attrNames = value.split( core_rspace );              // 对要移除的属性数组一个一个移除             for ( ; i < attrNames.length; i++ ) {                 name = attrNames[ i ];                  if ( name ) { // 确保要移除的属性存在非空                     propName = jQuery.propFix[ name ] || name; // 修正IE部分浏览器获取属性的错误                     // rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i                     isBool = rboolean.test( name ); // 检查要设置的属性是否是boolean值控制的                      // 直接对非boolean值控制的属性进行赋空值，也就是移除                     if ( !isBool ) {                          jQuery.attr( elem, name, "" );                     }                     // div = document.createElement("div");  getSetAttribute: div.className !== "t"检查是否支持setAttribute，主要针对IE6/7                     elem.removeAttribute( getSetAttribute ? name : propName );                      // 如果该属性由boolean值控制，并且修正后的属性是元素的属性，双重保险                     if ( isBool && propName in elem ) {                         elem[ propName ] = false;                     }                 }             }         }     }