jQuery差异.html(“")vs .empty() [英] Jquery Difference .html("") vs .empty()

问题描述

在Jquery中

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

和

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

在jQuery.js中是否都在内部内部进行相同的操作?

Are both doing the same operating internally inside jQuery.js?

以及哪个更好用.

推荐答案

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

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("")的源代码:

And This is the jQuery .html("") source :

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

很明显，您可以选择最好的.

It's clear, you can choose your best.

这篇关于jQuery差异.html(“")vs .empty()的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！