Jquery差异.html（＆＃34;＆＃34;）vs .empty（）

Question

在Jquery中有什么区别

$('#divid').html("");

和

$('#divid').empty();

是否在jQuery.js中执行相同的操作内部？

哪一个更好用。

Answer 1

认为.empty()更快。这是.empty()

的jQuery源代码

empty: function() {
for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
    // Remove element nodes and prevent memory leaks
    if ( elem.nodeType === 1 ) {
        jQuery.cleanData( elem.getElementsByTagName("*") );
    }

    // Remove any remaining nodes
    while ( elem.firstChild ) {
        elem.removeChild( elem.firstChild );
    }
}

return this; }

这是jQuery .html("")来源：

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, "<$1></$2>");

    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 );

        self.html( value.call(this, i, self.html()) );
    });

} else {
    this.empty().append( value );
}

return this; }

很明显，你可以选择最好的。

Answer 2

我在JSperf中尝试了以下内容，并发现使用$（＆＃39; #divid＆＃39;）。empty（）;更好

Answer 3

来自html函数的source code，以及许多其他内容：

        if ( elem ) {
            this.empty().append( value );
        }

所以html调用empty。因此，简单地调用empty可以（稍微）更快。当然它更具可读性。