对jQuery的html()方法进行分析

 

　　jQuery的html()方法分为读的写，其内部实现，均不是简单的innerHTML。

　　对于读来说，jQuery在读的时候，会去掉一些其自行在内部加的标记，至于这些标记什么时候加的，有什么作用，暂时还没研究过。

　　对于写，首先判断参数是不是一个函数，如果不是，那就直接使用innerHTML，但是，我想大家都知道，jQuery的html()方法是可以传jQuery对象和DOM对象的，对于innerHTML来说，是不能赋值一个对象的，只能是一个字符串，jQuery对于这一块，是这样实现的：this.empty().append( value );从这一块来看，我们平时在写程序的时候，有的时候，不一定要遵循人的思维，不能用人的大脑来考虑事情。如果参数是一个函数，这个就不想想了，直接就是value.call( this, i, old )。

 

 

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