锋利的jQuery -第四章 jQuery中的事件和动画 【读书笔记】

#锋利的jQuery
#第四章 jQuery中的事件和动画
##4.1 jQuery中的事件
###4.1.1 加载DOM
页面加载完毕后，浏览器会经过JavaScript为DOM元素添加事件。常规的JavaScript代码一般使用window.onload方法，而在jQuery中，使用的是$(document).ready()方法。

• 1. 执行时机
     windo.onload是网页中的全部元素（包括元素的全部关联文件）彻底加载到浏览器后才执行，即JavaScript此时才能够访问网页中的任何元素。而经过jQuery中的$(document).ready()方法注册的事件处理程序，在DOM彻底就绪时就能够被调用。此时，网页的全部元素对jQuery而言都是能够访问的，可是，这并不意味着这些元素关联的文件都已经下载完毕。
     jQuery代码：
     $(window).load(funciton(){ //编写代码 })

等价于JavaScript中的如下代码：
window.onload = functions(){ //编写代码 }

• 2. 屡次使用
     假设网页中有两个函数，JavaScript代码以下：
     function(){ alert("one"); }

  function(){ alert("two"); } 当页面加载完毕后，经过以下JavaSript代码分别来调用one函数和two函数： window.onload = one; window.onload = two;

然而当运行代码后，发现只弹出字符串"two"对话框。
字符串“one”对话框不能被弹出的缘由是JavaScript的onload事件一次只能保存对一个函数的引用，它会自动用后面的函数覆盖前面的函数，所以不能在现有的行为上添加新的行为。