jQuery中的事件和动画如何深入理解和灵活运用？

本文共计2551个文字，预计阅读时间需要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事件中绑定一个处理函数。如果处理函数绑定给window对象，则会在所有内容加载完毕后触发，例如：

$(window).load(function(){ });

每次调用$(document).ready()方法都会在现有的行为上追加新的行为，这些行为函数会根据注册的顺序依次执行。