jquery - jQuery empty() 和 remove() 函数是否异步执行？

Question

jQuery.fn.empty()和remove()函数异步执行吗？我在 jQuery 文档的任何地方都找不到这个问题的答案。

Answer 1

它们都是同步的。您可以查看实际实现的源代码：

remove: function( selector, keepData ) {
    var elem,
        elems = selector ? jQuery.filter( selector, this ) : this,
        i = 0;

    for ( ; (elem = elems[i]) != null; i++ ) {
        if ( !keepData && elem.nodeType === 1 ) {
            jQuery.cleanData( getAll( elem ) );
        }

        if ( elem.parentNode ) {
            if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) {
                setGlobalEval( getAll( elem, "script" ) );
            }
            elem.parentNode.removeChild( elem );
        }
    }

    return this;
},

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

你可以忽略keepDataandcleanData东西，所以剩下的就是一个循环和一个对本地 DOM 方法的调用或一个 DOM 对象属性修改。这些都是同步的。

Answer 2

不，它们是可链接的方法，因此它们会在返回原始 jQuery 对象之前完成。

Answer 3

They are synchronous, if there is a reason for you to want them to be asynchronous (Wait until the current execution path finishes, and then empty the queue sometime), you can do:

// Empty asynchronously
setTimeout(function(){
    $('...').empty();
}, 0);