锋利的Jquery 读书有感（四）

五、JQuery 对表单表格的操作

1、focus()获取焦点 blur()失去焦点

2、height() 设置或获取元素的高度

3、scrollTop ——可用于animate的属性， 例如 scrollTop:"+=50"  向上滚动

4、提交表单前去触发验证事件可用 trigger("event") ——>会冒泡    triggerHandler("event") ——>不会冒泡

5、保存皮肤时可以考虑用 cookie保存用户选项

六、JQuery与AJax

1、Ajax的不足：

【1】浏览器对XMLHttpRequest支持不足

【2】破坏“前进”“后退”按钮

【3】对搜索引擎支持不足

【4】开发和调试工具缺乏

2、JQuery Ajax的层次

最底层：$.ajax

第二层：load(),$.get(), $.post()

第三层：$.getScript(),$.getJSON()

3、load()方法 ————主要用于获取静态文件

【1】load(url)

【2】load(url,attr,func()) 

【3】load(url,fun())

4、$.get()  $.post()—————用于获取动态内容

【1】全局函数而非只对jQuery对象操作

【2】格式：$.get(url,data,callback,type)

                $.post(url,data,callback,type)

 【3】回调函数格式： function(data,textstatus){}

                              date:返回的内容，可以是XML,JSON,HTML

                              textstatus:success,error,notmodified,timeout           只有成功才会调用callback 回调函数

 【4】回调函数的处理

        如果是HTML，则直接插入

        如果是XML，则处理，转化成HTML

        如果是JSON，则处理，转化成HTML

【5】post与get的区别

       get有参数，Post没有参数

       get传输数据不能大于2KB，post无此限制

       get请求的数据会被缓存，有安全问题，Post不会

       获取方式不同

5、$.getScript()与$.getJSON()

【1】$.getScript() 直接加载js文件，并添加回调函数 直接使用

【2】$.getJSON() 直接加载json文件，并添加回调函数。

6、$.ajax方法

【1】格式：$.ajax(options)

【2】参数以key/value的形式存在

【3】常用参数：url/type/timeout/data/dataType/beforeSend/complete/success/error/global

7、序列化元素

【1】serialize()  将DOM元素内容序列化为字符串

【2】serializeArray() 将DOM元素序列化后返回JSON格式数据

【3】$.param()  序列化的核心

8、全局事件

ajaxStart()

ajaxStop()

ajaxComplete()

ajaxError()

ajaxSend()

ajaxSuccess()

如不想触发全局事件，将global置为false

         

到这《锋利的jQuery》的读书笔记就全部记完了，其中有很多的盲点，相信在以后的实践中能慢慢得到强化和深入的理解。