【原】《鋒利的JQuery》讀書筆記(四)

1、focus()獲取焦點 blur()失去焦點
2、height() 設置或獲取元素的高度
3、scrollTop ——可用于animate的屬性, 例如 scrollTop:"+=50" 向上滾動
4、提交表單前去觸發驗證事件可用 trigger("event") ——>會冒泡 triggerHandler("event") ——>不會冒泡
5、保存皮膚時可以考慮用 cookie保存用戶選項
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》的讀書筆記就全部記完了,其中有很多的盲點,相信在以后的實踐中能慢慢得到強化和深入的理解。
出處:http://www.rzrgm.cn/ytaozhao 本文版權歸作者和博客園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責任的權利。


浙公網安備 33010602011771號