JQuery & Ajax
2017-01-18 本文已影响59人
jrg_memo
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}"（时间戳）
