第四章 jQuery中的事件和动画

一、jQuery中的事件

• 加载DOM

在JS中等待页面加载完成通常使用window.onload方法，而在jQuery中则使用$(document).ready()方法来替代传统的window.onload方法。这两者有很大的不同：

1. 执行时机

window.onload方法是在网页所有的元素（包括元素关联的文件）完全加载到浏览器后才能执行。而Query中的$(document).ready()方法，在DOM载入就绪就可以对其操纵并调用它绑定的函数，此时网页中的所有元素可能并没有下载完毕。

有时我们需要的图片没有加载完毕，我们需要的图片宽高可能不一定有效。这种情况可以使用jQuery的load()方法。load()方**在元素的onload中绑定一个处理函数。如果处理函数绑定给window对象，则会在所有内容加载完毕后触发。如果处理函数绑定在元素上，则会在元素内容加载完毕后触发。

$(window).load(function({}))等价于js的window.onload=function(){}

2. 多次使用

window.onload方法只能使用一次，否则后面的window.onload会覆盖前面的。这点在引入多个·js时尤其困扰，但是jQuery中的$(document).ready()方法每次调用都会在现有的行为上追加新的行为，并按照注册顺序依次执行。

3.简写方式

$(document).ready()方法可以简写为$(function(){})或者$().ready()，这点在jQuery源码中已经进行过处理，他们的功能是一样的。

• 事件绑定

使用bind()方法给匹配元素进行特定事件的绑定。

格式为bind(type [.data] fn);

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：【锋利的jQuery】学习笔记04

关键词：jquery