在Jquery中,
$('#divid').html("");
和
$('#divid').empty();
这两个都是在jQuery.js内部执行相同的操作吗?
哪一个更好用。
发布于 2013-07-09 16:45:59
I‘我不认为.empty()
更快。This是.empty()
的jQuery源
empty: function() {
var elem,
i = 0;
for ( ; ( elem = this[ i ] ) != null; i++ ) {
if ( elem.nodeType === 1 ) {
// Prevent memory leaks
jQuery.cleanData( getAll( elem, false ) );
// Remove any remaining nodes
elem.textContent = "";
}
}
return this;
}
this是jQuery .html("")
的源代码:
html: function( value ) {
return access( this, function( value ) {
var elem = this[ 0 ] || {},
i = 0,
l = this.length;
if ( value === undefined && elem.nodeType === 1 ) {
return elem.innerHTML;
}
// See if we can take a shortcut and just use innerHTML
if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
!wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) {
value = jQuery.htmlPrefilter( value );
try {
for ( ; i < l; i++ ) {
elem = this[ i ] || {};
// Remove element nodes and prevent memory leaks
if ( elem.nodeType === 1 ) {
jQuery.cleanData( getAll( elem, false ) );
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 );
}
很明显,你可以选择你最好的。
发布于 2013-07-09 16:45:37
我在JSperf中尝试了以下方法,发现使用$(‘#divid’).empty()更好
发布于 2013-07-09 16:45:27
从html
函数的source code,以及其他许多内容:
if ( elem ) {
this.empty().append( value );
}
所以html
调用empty
。因此,简单地调用empty
(稍微)快一些。当然,它更具可读性。
https://stackoverflow.com/questions/17543711
复制相似问题