jQuery中如何深入理解事件与动画操作？

本文共计2553个文字，预计阅读时间需要11分钟。

1. 事件处理

1.1 添加DOM

在页面加载完成后，浏览器会通过JavaScript中的DOM元素添加事件。通常使用`window.onload`方法，而在jQuery中则使用`$(document).ready()`方法。

1. 事件

1.1 加载DOM

在页面加载完毕后，浏览器会通过JavaScript为DOM元素添加事件。在JavaScript代码中，通常使用window.onload方法，而在jQuery中，使用的是$(document).ready()方法。$(document).ready()方法和window.onload方法有相似的功能，但是在执行时机方面是有区别的。window.onload方法是在网页中所有的元素完全加载到浏览器后才执行，而$(document).ready()方法注册的事件处理程序，在DOM完成就绪时就可以被调用。

由于在$(document).ready()方法内注册的事件，只要DOM就绪就会被执行，因此可能此时元素的关联文件未下载完。要解决这个问题，可以使用jQuery中另一个关于页面加载的方法load()方法。load()方法会在元素的onload事件中绑定一个处理函数。