【原】《鋒利的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 本文著作權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文串連，否則保留追究法律責任的權利。