jQuery中的事件——《锋利的JQuery》

　　虽然利用原生的JavaScript事件能完成一些交互，但jQuery增加并扩展了基本的事件处理机制。jQuery不仅提供了更加优雅的事件处理语法，而且极大地增强了事件处理能力。

 

1、加载DOM

　　在JavaScript中，通常用window.onload方法，而在jQuery中，使用的是$(document).ready()方法。下面来看看这两种方法的不同之处：

 

　　1.1 执行时机

　　window.onload方法是在网页中所有的元素（包括元素的所有关联文件）完全加载到浏览器后才执行。而通过jQuery的$(document).ready()方法注册的事件处理程序，在DOM完全就绪时就可以被调用。jQuery中提供了一个与window.onload相同的方法——load()方法。 

$(window).load(function(){ //编写代码 })  等价于 window.onload = function() { //编写代码 } .

 

　　1.2  多次使用

　　window.onload方法只能使用一次，再次使用将会被重写。而$(document).ready().可以被多次使用.

 

　　1.3  简写方式

 1 /* 第一种 */
 2 $(document).ready(function() {
 3       //编写代码
 4  })
 5  
 6  /* 第一种 */
 7  $().ready(function() {
 8       //编写代码
 9  })
10  
11  /* 第三种 */
12  $(function() {
13       //编写代码
14  })

View Code