jQuery 選擇器(下)

jQuery選擇器可分為基本選擇器和過濾選擇器

   （二）過濾選擇器

   ★簡單過濾選擇器：主要根據索引值對元素進行篩選。

   1、:first選擇器：對當前jQuery集合進行過濾并選擇出第一個匹配元素

       jQuery("selector:first");

       注：參數selector為任何有效的選擇器

   2、:last選擇器：對當前jQuery集合進行篩選并選擇出最后一個匹配元素

       jQuery("selector:last");

       注：參數selector為任何有效的選擇器

   3、:odd選擇器：選擇索引為奇數（從0開始計數）的所有元素

       jQuery("selector:odd");

   4、:even選擇器：選擇索引為偶數（從0開始計數）的所有元素

       jQuery("selector:even");

   5、:eq()選擇器：用于從匹配的集合中選擇索引等于給定值的元素

       jQuery("selector:eq(index)");

       注：參數index指定元素在selector集合中的索引值（從0開始計數）

   6、:gt()選擇器：從匹配的集合中選擇索引大于給定值的所有元素

       jQuery("selector:gt(index)");

       注：參數index指定元素在selector集合中的索引值（從0開始計數）

   7、:lt()選擇器：從匹配的集合中選擇索引小于給定值的所有元素

       jQuery("selector:lt(index)");

       注：參數index是一個非負整數，用于指定元素在selector集合中的索引值（從0開始計數）

   8、:not()選擇器：從匹配的集合中除去與給定選擇器匹配的元素

       jQuery(selector1:not(selector2));

       注：selector1和selector2均為任何有效的選擇器，表示從selector1匹配的集合中移除與selector2匹配的所有元素

   9、:header()選擇器：選擇所有諸如h2、h3、h4之類的標題元素

       jQuery(":header")

   10、:animated選擇器：選擇所有正在執行動畫效果的元素

       jQuery("selector:animated");

       注：參數selector為任何有效的選擇器

   ★內容過濾選擇器

   1、:contains()選擇器：選擇包含給定文本的所有元素

       jQuery("selector:contains(text)");

       注：參數selector是任何有效的選擇器，text指定要查找的文本（引號是可選的），該文本可以直接出現在選定的元素或其任何后代元素中

   2、:has()選擇器：選擇包含子元素的元素

       jQuery("selector:has(selector2)");

   3、:empty選擇器：選擇不包含子元素或文本的所有空元素

       jQuery("selector:empty");

       注：selector集合中不包含子元素或文本的所有空元素將包含在查詢結果中

   4、:parent選擇器：選擇包含子元素或文本的元素

       jQuery("selector:parent");

       注：selector集合中包含子元素或文本的所有空元素將包含在查詢結果中

   ★屬性過濾選擇器

   1、包含屬性選擇器：選擇包含給定屬性的所有元素

       jQuery("selector[attribute]");

       注：參數attribute表示屬性名，value表示屬性值，多數情況指定屬性值時的引號是可選的

   2、屬性等于選擇器：選擇給定屬性等于某特定值的所有元素

       jQuery("selector[attribute=value]");

       注：參數attribute表示屬性名，value表示屬性值

   3、屬性包含選擇器：選擇指定屬性值包含給定子字符串的所有元素

       jQuery("selector[attribute*=value]");

       注：參數selector為任何有效的選擇器，用于指定要查找的元素；attribute為屬性名，value為屬性值，引號是可選的。

   4、屬性包含單詞選擇器：選擇指定屬性值中包含給定單詞（由空格分隔）的元素

       jQuery("selector[attribute~ =value]");

   5、屬性不等于選擇器：選擇不包含指定屬性，或者包含指定屬性但該屬性不等于某個值的所有元素

       jQuery("selector[attribute!=value]");

   6、屬性開始選擇器：選擇給定屬性是以某特定值開始的所有元素

       jQuery("selector[attribute^ =value]");

   7、屬性結束選擇器：選擇指定屬性是以某特定值結束的所有元素

       jQuery("selector[attribute$=value]");

   8、復合屬性選擇器：選擇同時滿足多個條件的所有元素

       jQuery("selector[selector1][selector2][selectorN]");

   ★子元素過濾選擇器

   1、:first-child選擇器：選擇是其父級的第一個子元素的所有元素

       jQuery（"selector:first-child"）;

   2、:last-child選擇器：選擇是其父級的最后一個子元素的所有元素

       jQuery（"selector:last-child"）;

   3、:nth-child()選擇器：選擇父元素下的第N個子元素或奇偶元素

       jQuery（"selector:nth-child(index/even/odd/equation)"）;

   4、:only-child選擇器：選擇某元素的唯一子元素

       jQuery（"selector:only-child"）;

  ★表單域屬性過濾選擇器

   1、:check選擇器：選擇所有被選中的表單域

   2、:disabled選擇器：選擇所有被禁用的的表單域

   3、:enable選擇器：選擇所有可用的表單域

   4、:selected選擇器：從列表框中選擇所有選中的option元素

       jQuery（"selector option:selected"）;

   ★可見性過濾選擇器

   1、:hidden選擇器：選擇所有的不可見元素

   2、:visible選擇器：選擇所有的可見元素