jQuery权威指南总结

1.$(document).ready(function(){})

---

2.window.onload=function(){}
注：执行时间：1和2执行的结果相同，不过1在页面框架下载完毕后执行；
2必须在页面全部加载完毕后才能执行
执行数量不同：1可以重复写多个，每次执行的结果不同；2尽管执行多个，但仅输出最后一个执行结果，无法完成多个结果输出
1可以简写成$(funtion(){})

---

3.document.getElementById(“divOut”)==$(“#divOut”)

---

4.$(“p”).toggleClass(class|fn[,sw]) 如果存在（不存在）就删除（添加）一个类。

---

5.元素选择器

---

6.事件在触发后被分为2个阶段：1捕获 2冒泡（事件执行顺序）

注： event.stopPropagation();

---

7.ready()的方法工作原理：jQuery脚本加载到页面时，会设置一个isReady的标记，用于监听页面加载进度，当然遇到执行ready方法时，通过查看isReady值是否被设置，如果未被设置，那么就说明页面未加载完成，在此情况下，将未完成的部分用一个数组缓存起来，当全部加载完成后，再将未完成的部分通过缓存一一执行。

---

8.bind(type,[data],fn)方法进行事件绑定，可接受多个事件进行绑定

---

9.trigger()在前段页面开发中，有时希望页面在dom加载完毕后，自动执行一些人性化操作

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">    <script type="text/javascript">        $(function () {            var Otxt = $("input");            Otxt.trigger("select");            Otxt.bind("auto_Click", function () {                var txt = $(this).val();                $("#divTip").html(txt);            });            Otxt.trigger("auto_Click");        })    </script></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">    <input  id="Text1" type="text" value="fasdfsaf"/>    <div id="divTip"></div></asp:Content>

注：自动选择文本框中，将文本框绑定自定义事件，将事件自动调起

---

10.each(callback)

    $("#menu li").each(function(index){                $(this).click(function () {                    $("#content li:eq(" + index + ")").show().siblings().hide();                    return false;//like  break                })                return true;//like   continue            })

---

11.toggle()三种形式：显示，隐藏

---

12.各种动画方法说明

---

13.$.ajax()最底层方法，功能最强，可以实现load(),get(),post()方法功能，页面的异步调用和服务器交互数据。

---

14.$.ajaxSetup()设置全局Ajax，将相同的Ajax中部分放在同一个ajaxSetup，减少代码重复量。

---

15.Ajax中的全局事件，除了全局性的函数外，还有6个全局性的Ajax事件，由于在使用$.Ajax()方法时，其中选项参数global的值默认情况下是true，也就是说，所有在执行的Ajax的数据请求，都绑定了全局事件。

---

16.jQuery测试工具函数

---

17.优先选择器执行的速度
- 优先使用ID与标记选择器，可以使用tag访问，其次是class
- 使用jQuery对象缓存

- 给选择器一个上下文
处理选择器中的不规则元素标志

• 选择器中含有特殊符号“\”加上转义

• 选择器中含有空格符号
  优化事件冒泡

• 通过事件绑定target(),优化多元素绑定同一事件时的冒泡现象
  使用data()方法缓存数据

• data(“key”,”value”) —-value 可以是单值，也可以是json格式
  情况1： (“”).data(“AAA”,”ffffff”)//赋值(“”).data(“AAA”) //取值
  情况2：(“”).data(“AAA”,“name”:”xiaoming”,”sex”,”boy”)//赋值json格式(“”).data(“AAA”).name//取值

---

18 使用子查询优化选择器性能
- 在接近find()方法，减少选择器的性能开销，使用元素缓存

---

19.减少对DOM元素直接操作

---

20.正确区分DOM对象与jQuery对象

• DOM对象是指传统JavaScript方法获取DOM对象
• jQuery 使用$()来获取
• 两者之间属性不能相互调用
  -DOM到jquery将dom元素加在$(“”)中；而jquery变为dom只需去jquery[0]

---