当前位置:首页 > 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 功能的模块化方式,允许开发者封装可重用的代码。以下是开发和使用 jQuery 插件的基本方法。 插件基本结构 jQuery 插…

jquery选择器

jquery选择器

jQuery 选择器基础 jQuery 选择器用于选取 DOM 元素,基于 CSS 选择器语法扩展。通过 $() 或 jQuery() 函数调用,返回匹配元素的集合。 常见选择器类型 元素选择…

jquery作用

jquery作用

jQuery的作用概述 jQuery是一个快速、简洁的JavaScript库,主要用于简化HTML文档遍历、事件处理、动画设计和Ajax交互等操作。其核心目标是让开发者以更少的代码完成更多功能,同时解…

jquery 滑块

jquery 滑块

jQuery 滑块实现方法 使用 jQuery 实现滑块功能可以通过多种方式完成,包括使用原生 jQuery 或结合插件(如 jQuery UI)。以下是几种常见实现方法: 使用 jQuery UI…

jquery 插入html

jquery 插入html

jQuery 插入 HTML 的方法 jQuery 提供了多种方法来动态插入 HTML 内容到 DOM 中。以下是几种常用的方法: append() 将内容插入到选定元素的内部末尾。 $("#…

jquery 方法

jquery 方法

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是一些常用的 jQuery 方法及其用途: 选择器方法 $("selec…