jquery入口函数

jQuery 入口函数的作用

jQuery 入口函数用于确保 DOM 完全加载后再执行 JavaScript 代码，避免因 DOM 未加载完成而导致的元素操作失败。常见的写法有以下几种：

标准写法

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

简写形式

$(function() {
    // DOM 加载完成后执行的代码
});

箭头函数写法（ES6+）

$(() => {
    // DOM 加载完成后执行的代码
});

与 window.onload 的区别

• $(document).ready() 在 DOM 结构加载完成后触发，无需等待图片等资源加载完成。
• window.onload 需要等待页面所有资源（包括图片、样式表等）加载完成后才触发。

多入口函数处理

jQuery 允许同时定义多个 $(document).ready()，它们会按照定义顺序依次执行，而 window.onload 会覆盖之前的定义。

注意事项

• 避免在入口函数中写入过多逻辑，保持代码模块化。
• 入口函数内部定义的变量默认是局部作用域，需注意作用域链问题。