锋利的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(){ //编写代码 }

1. 多次使用
  假设网页中有两个函数，JavaScript代码如下：
  function(){ alert("one"); }
function(){ alert("two"); } 当页面加载完毕后，通过如下JavaSript代码分别来调用one函数和two函数： window.onload = one; window.onload = two;

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

来源：oschina

链接：https://my.oschina.net/u/251320/blog/204487

标签

jquery