jquery 等待
等待 DOM 加载完成
使用 $(document).ready() 确保代码在 DOM 完全加载后执行:
$(document).ready(function() {
// 等待 DOM 加载完成后执行的代码
});
等待元素存在
使用 MutationObserver 或 setInterval 检查元素是否已加载到 DOM 中:

function waitForElement(selector, callback) {
var interval = setInterval(function() {
if ($(selector).length) {
clearInterval(interval);
callback();
}
}, 100);
}
waitForElement("#targetElement", function() {
// 元素存在后执行的代码
});
等待 AJAX 请求完成
使用 $.ajax() 的 done()、fail() 或 always() 处理异步请求完成后的逻辑:
$.ajax({
url: "example.com/api",
method: "GET"
}).done(function(response) {
// 请求成功后的处理
}).fail(function(error) {
// 请求失败的处理
});
使用 Promise 等待多个操作完成
使用 $.when() 等待多个异步操作完成:

var request1 = $.ajax({ url: "api/1" });
var request2 = $.ajax({ url: "api/2" });
$.when(request1, request2).done(function(response1, response2) {
// 两个请求均完成后的处理
});
延迟执行代码
使用 setTimeout 延迟执行代码:
setTimeout(function() {
// 延迟 2 秒后执行的代码
}, 2000);
等待动画完成
使用 promise() 监听动画完成:
$("#element").fadeIn().promise().done(function() {
// 动画完成后的回调
});






