鋒利的jquery第二版學習筆記

標籤：

jquery系統學習筆記

一、初識：
jquery的優勢：
1、輕量級（壓縮後不到30KB）
2、強大的選取器（支援css1、css2選取器的全部 css3的大部分 以及一些獨創的 加入外掛程式的話還可支援XPath）
3、出色的Dom封裝（簡化原本複雜的操作）
4、可靠的事件處理機制（跨瀏覽器安全色性）
5、完善的Ajax操作（一個$.ajax()方法全部搞定）
6、不汙染頂級變數（只使用了一個名為jQuery的對象 其別名$也可隨時讓出其控制權 見解決和其它庫混用時解決衝突部分）
7、出色的瀏覽器安全色性（優秀的js庫必備條件之一）
8、鏈式操作（點點操作 .end()方法返回上一個破壞性前的jQuery對象）
9、隱式迭代（jQuery中的方法被自動設計成操作jQuery對象（Dom集合）裡的每一個Dom對象 而無需迴圈）
10、行為層與結構層分離（得益於選取器 類似css）
11、豐富的外掛程式支援（jQuery的易擴充性 已經吸引了全球的開發人員來編寫jquery的外掛程式）
12、完善的文檔
13、開源

二、選取器（jquery的根基）
（支援css1 css2的全部 和 css3的絕對部分 以及一些特有的）
分類：基本選取器、層次選取器、過濾選取器和表單選取器（分類更易於記憶）

1、基本選取器
#id
.className
element
*
#id , .className

2、層次選取器
$("ancestor descendant") 後代選取器
$("parent>child") 子項目選取器
$("prev+next") 緊接著prev後的next元素 相當於 .next("選取器") 方法
$("prev~siblings") 選取prev後的所有siblings的兄弟元素 相當於nextAll()
備忘： $("#prev").siblings("選取器") 方法選擇#prev元素的所有的同輩元素

3、過濾選取器（與css中的偽類別選取器方法相同 以一個冒號（：）開頭）
過濾選取器：又分為基本過濾、內容過濾、可見度過濾、屬性過濾、子項目過濾和表單對象屬性過濾

基本過濾：
:first 選取第一個元素 如$("div:first") 選取所有div中的第一個
:last 選取最後一個元素
:not(selector) 去除所有與給定選取器匹配的元素
:even 選取索引是偶數的所有元素 索引從0開始 :odd 奇數行
:eq(index) 選取索引等於index的元素 :gt(index) 索引大於index 的 :lt(index) 索引小於index的
：header 選取所有標題元素 如 h1~h6
:animated 選取當前正在執行動畫的元素

內容過濾選取器：
：contains(text) 選取含有常值內容為“text” 的元素
:empty 選取不包含子項目或文本的空元素（備忘：有空格或者換行也不是空元素哦）
:has(selector) 選取“含有匹配元素的”

 

鋒利的jquery第二版學習筆記