jQuery 是一個廣泛使用的 JavaScript 庫,它簡化了 JavaScript 的操作,使得開發(fā)者可以更快捷地開發(fā)出美觀、高效的網(wǎng)頁。
在 jQuery 中,我們經(jīng)常需要處理一個元素上的多個操作,比如先進(jìn)行動畫效果,然后在動畫結(jié)束后再進(jìn)行事件綁定。這種情況下,我們可以使用 jQuery 中的 then 方法。
$('div') .animate({left: '+=200px'}, 1000) .then(function() { $('div').on('click', function() { console.log('Clicked!'); }); });
上面的代碼先對一個 div 元素進(jìn)行了橫向移動動畫,動畫結(jié)束后再使用 then 方法綁定了 click 事件。這樣就可以保證在動畫結(jié)束后才會觸發(fā) click 事件。
then 方法可以接受兩個參數(shù),第一個參數(shù)是動畫結(jié)束后要執(zhí)行的函數(shù),第二個參數(shù)是可選的,如果設(shè)置為 false,則表示該函數(shù)將不會在動畫結(jié)束后執(zhí)行。比如:
$('div') .animate({left: '+=200px'}, 1000) .then(function() { console.log('Animation finished!'); }, false);
上面的代碼只會進(jìn)行橫向移動動畫,不會在動畫結(jié)束后執(zhí)行 then 方法中的函數(shù)。
總之,then 方法為我們提供了一種更加靈活的處理 jQuery 事件的方式。