jquery加载事件

jQuery 加载事件的方法

在 jQuery 中，加载事件通常用于确保 DOM 完全加载后再执行脚本。以下是几种常见的方法：

$(document).ready()

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

简写形式：

$(function() {
    // 等效于 $(document).ready()
});

window.onload 与 jQuery

$(window).on('load', function() {
    // 等待页面所有资源（如图片）加载完成后执行
});

动态加载内容的事件委托

对于动态加载的内容，使用事件委托：

$(document).on('click', '.dynamic-element', function() {
    // 处理动态加载元素的点击事件
});

注意事项

• $(document).ready() 仅等待 DOM 结构加载完成，不等待图片等资源。
• $(window).on('load') 会等待所有资源加载完毕，但可能延迟执行时间。
• 事件委托适用于动态生成的元素，避免直接绑定事件失效的问题。