jQuery事件操作

一、原生js onload（加载）事件 VS jQuery

我们通过上面的代码得到以下结论：

• jQuery的页面加载总是快于原生js的页面加载
• jQuery的页面加载完成后是在浏览器的内核解析完页面的标签并创建好DOM对象之后就会马上执行
• 原生js的页面加载完成后，除了要等浏览器内核解析完标签并创建好DOM对象，还要等标签显示时需要的内容加载完成 这里指的是例如图片，网站等，浏览器需要加载它们的信息
• 原生js的页面加载完成后只会执行最后一次的赋值函数
• jQuery的页面加载完成后是把所有注册的function函数，依次全部执行

二、其他常见事件处理方法

1. click单击事件

2. mouseover事件与mouseout事件

效果如下 

 3. bind事件

bind事件可以为对象绑定多个事件 

4. one事件

one事件在使用上与bind事件一样，但one方法绑定的事件只会响应一次 

5. unbind事件

unbind事件与bind事件相反，它可以解除对象事件的绑定 

如果不给unbind传参的话，unbind会解除对象绑定的所有事件

6.live事件

 如上图动态创建了 h5 标签对象，但是click事件并没有对该动态添加的对象生效

只需将click事件改成live事件即可对动态添加的对象生效 

三、事件对象

事件对象 是封装有触发的事件信息的一个JavaScript对象

如何获取事件对象？

在给元素绑定事件时，在事件的function函数的参数列表中添加一个参数，这个参数名，我们习惯取名为 event , 这个event就是我们得到的 事件对象 了

  

下面是绑定bind事件后的输出