原 《鋒利的JQuery》讀書筆記 四

2022-02-02 08:20:05 字數 1813 閱讀 6549

五、jquery 對表單**的操作

1、focus()獲取焦點 blur()失去焦點

2、height() 設定或獲取元素的高度

3、scrolltop ——可用於animate的屬性, 例如 scrolltop:"+=50"  向上滾動

4、提交表單前去觸發驗證事件可用 trigger("event") ——>會冒泡    triggerhandler("event") ——>不會冒泡

5、儲存**時可以考慮用 cookie儲存使用者選項

六、jquery與ajax

1、ajax的不足:

瀏覽器對xmlhttprequest支援不足

破壞「前進」「後退」按鈕

對搜尋引擎支援不足

開發和除錯工具缺乏

2、jquery ajax的層次

最底層:$.ajax

第二層:load(),$.get(), $.post()

第三層:$.getscript(),$.getjson()

3、load()方法 ————主要用於獲取靜態檔案

load(url)

load(url,attr,func()) 

load(url,fun())

4、$.get()  $.post()—————用於獲取動態內容

全域性函式而非只對jquery物件操作

格式:$.get(url,data,callback,type)

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

**函式格式: function(data,textstatus){}

date:返回的內容,可以是xml,json,html

textstatus:success,error,notmodified,timeout           只有成功才會呼叫callback **函式

**函式的處理

如果是html,則直接插入

如果是xml,則處理,轉化成html

如果是json,則處理,轉化成html

post與get的區別

get有引數,post沒有引數

get傳輸資料不能大於2kb,post無此限制

get請求的資料會被快取,有安全問題,post不會

獲取方式不同

5、$.getscript()與$.getjson()

$.getscript() 直接載入js檔案,並新增**函式 直接使用

$.getjson() 直接載入json檔案,並新增**函式。

6、$.ajax方法

格式:$.ajax(options)

引數以key/value的形式存在

常用引數:url/type/timeout/data/datatype/beforesend/complete/success/error/global

7、序列化元素

serialize()  將dom元素內容序列化為字串

serializearray() 將dom元素序列化後返回json格式資料

$.param()  序列化的核心

8、全域性事件

ajaxstart()

ajaxstop()

ajaxcomplete()

ajaxerror()

ajaxsend()

ajaxsuccess()

如不想觸發全域性事件,將global置為false

到這《鋒利的jquery》的讀書筆記就全部記完了,其中有很多的盲點,相信在以後的實踐中能慢慢得到強化和深入的理解。

出處: 本文版權歸作者和共有,歡迎**,但未經作者同意必須保留此段宣告,且在文章頁面明顯位置給出原文連線,否則保留追究法律責任的權利。

原 《鋒利的JQuery》讀書筆記 三

三 jquery中的事件和動畫 1 document ready 執行時機 dom就緒 2 load 方法 如果繫結window window load 所有元素都載入完才執行 如果繫結元素,元素載入完就執行 3 this 將當前的dom元素轉成jquery物件 4 is 方法用於判斷 5 繫結事件...

鋒利的jQuery 讀書筆記

第一章 認識jquery 1 鏈式操作方式 這是jquery中最具有特色的,即對發生在同乙個jquery物件上的 一組動作,可以直接連寫而無需重複獲取物件。2 jquery物件中不能使用dom物件的任何的方法,同時dom物件也不能使用jquery物件的方法。3 為了區別dom物件和jquery物件,...

鋒利的Jquery讀書筆記

一直覺得學習jquery挺難的,看看選擇器,記住他的一些方法,可是光看不練的話始終的掌握不了,個人覺得鋒利的jquery上面的例子不錯,可以全部自己做出來的話應該就過關啦 下面列出本書的例子,供自己以後參考 2 某個論壇的註冊頁面,使用者必須選中頁面下方 同意並接受註冊協議 核取方塊,否則不能提交 ...