当前位置:首页 > 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和vue的区别

jquery和vue的区别

核心设计理念 jQuery是一个基于DOM操作的轻量级JavaScript库,主要用于简化HTML文档遍历、事件处理、动画设计等任务。它采用命令式编程风格,需要手动操作DOM元素。 Vue是一个渐进…

jquery 选择

jquery 选择

jQuery 选择器基础 jQuery 选择器基于 CSS 选择器语法,用于快速定位和操作 DOM 元素。核心语法为 $() 或 jQuery(),括号内传入选择器表达式。 // 选择所有 <…

jquery跳转

jquery跳转

jQuery 页面跳转方法 使用 jQuery 实现页面跳转有多种方式,以下是几种常见的方法: 使用 window.location.href $(document).ready(function…

jquery提交表单

jquery提交表单

使用 jQuery 提交表单 jQuery 提供了多种方法来提交表单,以下是常见的几种实现方式: 监听表单提交事件 通过监听表单的 submit 事件,可以阻止默认提交行为并执行自定义逻辑(如 Aj…

jquery 引用

jquery 引用

jQuery 引用方法 通过CDN引用jQuery 推荐使用官方或公共CDN(内容分发网络)加载jQuery,以下为最新版本的CDN链接: <!-- jQuery 3.x 版本(压缩版)…

引用jquery

引用jquery

以下是关于引用 jQuery 的几种常见方法: 通过 CDN 引用 使用公共内容分发网络(CDN)加载 jQuery,例如 Google 或 Microsoft 提供的 CDN。这种方式加载速度快且…