jquery選擇器_《Jquery權威指南》閱讀筆記

 買了《Jqeruy權威指南》很久，也粗略地過了一遍，現在需要用到相關的技術，所以重新理一遍。

整理一下自己的對jquery選擇器的知識點。

詳細博文請見我的博客地址：http://www.hanluner.com/201111/77.html  沒有船的海賊

 

jquery選擇器主要有幾種方式：#id （根據給定的ID匹配元素），.class（根據給定的類匹配元素），element（根據給定的元素名匹配所有的元素），* （匹配所有的元素），selector1，selectorN （將每一個選擇器匹配到的元素合併後一起返回）

簡單的一個小功能：
隔行變色

$(function(){
$("#table_id tr:nth-child(even)").addClass("cssClass");

})

頁面輸出文字：

$(function(){
$("#id").html("這裏是文字");
})


簡單過濾選擇器

1. first()或 :first  獲取第一個元素
2. last() 或   :last  獲取最後一個元素
3. :not(selector)  獲取除給定選擇器外的所有元素
4. :even  獲取索引值爲偶數的元素，索引值從零開始。
5.  dd 獲取索引值爲奇數的元素，索引值從零開始。
6. :eq(index) 獲取索引值爲index值的元素，索引值從零開始。
7. :gt(index) 獲取所有索引值大於index值的元素，索引值從零開始。
8. :lt(index)  獲取所有索引值小於index值的元素，索引值從零開始。
9. :header   獲取所有標題類型的元素，如h1 , h2 …….  （這點功能是我沒有想到的）
10. :animated 獲取正在執行動畫效果的元素。

內容過濾選擇器

1. :contains(text) 獲取包含給定文本的元素
2. :empty 獲取空元素
3. :has(selector) 獲取含有給定選擇器的所匹配的元素
4. :parent 獲取含有子元素或者文本的元素 （這點有些不理解）

可見性過濾選擇器

1. :hidden 獲取所有不可見元素，或者type爲hidden的元素
2. :visible 獲取所有的可見元素

屬性過濾選擇器

       [attribute] [attribute=value] [attribute!=value] [attribute^=value] [attribute$=value] [attribute*=value]

表單對象屬性過濾選擇器

 :enabled 表單中可用的元素

:disabled 表單中不可用的元素

:checked 表單中被選中的元素

:selected 表單中被選中的option的元素

還有一些是表單的基本元素選擇器

:input  :text :password :radio :checkbox :submit  :p_w_picpath  :reset :button  :file

選擇器是寫jquery方法的第一步，爲jquery操作DOM做準備。