当前位置:首页 > jquery

jquery 等待

2026-02-03 12:17:27jquery

等待 DOM 加载完成

使用 $(document).ready() 确保代码在 DOM 完全加载后执行:

$(document).ready(function() {
    // 等待 DOM 加载完成后执行的代码
});

等待元素存在

使用 MutationObserversetInterval 检查元素是否已加载到 DOM 中:

jquery 等待

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() 等待多个异步操作完成:

jquery 等待

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() {
    // 动画完成后的回调
});

标签: jquery
分享给朋友:

相关文章

jquery插件库

jquery插件库

jQuery插件库推荐 jQuery插件库提供了丰富的扩展功能,帮助开发者快速实现常见的前端交互效果。以下是一些常用的jQuery插件库和资源: 1. 官方jQuery插件注册中心jQuery P…

jquery文档

jquery文档

以下是关于 jQuery 文档的核心内容和资源整理,便于快速查阅和使用: jQuery 官方文档 官网地址:jQuery Official Documentation 内容分类:API 参考…

jquery点击

jquery点击

jQuery 点击事件绑定方法 使用 jQuery 绑定点击事件可以通过多种方式实现,以下是几种常见的方法: click() 方法绑定 $("#elementId").click(function…

jquery添加

jquery添加

jQuery 添加元素的方法 在jQuery中,添加元素到DOM有多种方式,可以根据需求选择合适的方法。 append() 将内容插入到选定元素的内部末尾处。 $("#container").…

jquery 属性

jquery 属性

jQuery 属性操作 jQuery 提供了一系列方法来获取、设置和操作 HTML 元素的属性。以下是常用的属性操作方法: attr() 方法 用于获取或设置元素的属性值。获取属性时,传入属性名;…

jquery标签

jquery标签

jQuery 标签操作 jQuery 提供了多种方法来操作 HTML 标签(元素),包括创建、修改、删除和遍历等。以下是常用的 jQuery 标签操作方法: 选择标签 使用选择器获取 HTML 元素…