JQuery & Ajax

1 $(document).ready() VS. window.onload

• $(document).ready()等到DOM准备就绪时就执行某个函数。
• window.onload 等到页面所有的元素加载完成后才执行某个函数。
• 区别
  1 执行函数时间：（如上）；
  2 执行函数个数： $(document).ready()可执行N个，window.onload只可执行1个；
  3 调用：$(document).ready()是JQuery方法，window.onload是JS原生方法；
  4 简写：$(document).ready()==$().ready(function(){})==$(function(){})。

2 $node.html() VS. $node.text()

• $node.html()获取集合中第一个匹配元素的html内容。
• $node.text() 获取集合中每个匹配元素的合并文本，包括他们的后代。
• 区别：$node.text()能够在xml文档中使用，$node.html()不能。
• 相同：（参数设置每个匹配元素的内容）；

3 $.extend

• 作用：将两个或以上的对象内容合并到第一个对象。
• 用法：$.extend（deep , target , object1 , objectN）
  把object1 直到 objectN的内容合并到target里。
  1 可选参数deep ，可选值 true深拷贝 / null默认为false
  2 必选参数 target ，代表目标对象
  3 必选参数 object1 ，代表第一个合并函数
  3 可选参数 objectN ，代表第N个合并函数
  demo

4 $.data

• 作用：在一个元素上设置不同的值；获取这些值。
• 用法：
  1 设置.data(key,value)或.data(obj)
  2 获取.data(key)或.data()
  demo

5 链式调用

• 定义：连续使用jQuery方法，逐步实现对jQuery对象的操作。
• 优点：所有操作代码共享一个jQuery对象，精简代码，优化性能。
• 用法：$(selector).方法1（回调函数1）.方法2（回调函数2）.方法N（回调函数N）

6 缓存控制

• 方法：cache参数
• 用法：为ture缓存页面（默认），为false不缓存页面
• 原理：在GET请求参数中附加"_={timestamp}"（时间戳）

7 应用

demo1
demo2
demo3