jquery等待函数执行完毕

在网页开发中，我们时常需要使用JavaScript来操作DOM元素。但是，由于JavaScript是一种单线程的语言，所以在执行长时间的操作时，会占据主线程导致页面出现卡顿等问题，影响用户体验。为了解决这样的问题，我们可以使用异步编程。

在异步编程中，常用的方法是使用回调函数或者Promise。但是，这些方法都还需要手动调用执行。在jQuery中，有一个非常方便的方法，就是$.Deferred()，也称为jQuery等待函数。

使用jQuery等待函数，可以在函数执行完毕之后再执行后续代码，这样页面就可以顺畅的展示。

// 一个简单的例子
function simpleAnimate() {
    var dfd = $.Deferred();
    $('div').fadeIn('slow',function() {
        dfd.resolve();
    });
    return dfd.promise();
}

simpleAnimate().then(function() {
    alert('动画执行完毕');
});

上面的代码中，我们使用$.Deferred()创建了一个deferred对象，使用fadein()来实现元素的淡入效果。当动画执行完毕后，我们调用dfd.resolve()来通知deferred对象任务已完成。此时，我们调用dfd.promise()来返回一个由deferred对象生成的promise对象。最后我们在promise对象上调用.then()方法来指定完成后的回调函数。

注意：在使用jQuery等待函数时，一定要在函数内部返回promise对象，否则不能确保操作的正确性。

总之，使用jQuery等待函数可以很方便地将异步任务的执行和后续操作分开，避免影响页面性能，提高用户体验。