【原】《锋利的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》的读书笔记就全部记完了,其中有很多的盲点,相信在以后的实践中能慢慢得到强化和深入的理解。

作者:Tony zhao 欢迎访问:找与淘网

出处:http://www.cnblogs.com/ytaozhao 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

原文地址:https://www.cnblogs.com/ytaozhao/p/2567819.html