对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 leaksif ( 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;}