鏈接：jQuery選擇器
基本選擇器 Basics
-
*選擇所有元素 -
.class選擇class，如：$('.mybox') -
element選擇element，如：$('p') -
#id選擇id，如：$('#box') -
selector1,selectorN可以同時選擇多個元素，如：$('div, p.box, #phone')
層級選擇器 Hierarchy
-
parent > child選擇指定元素下的指定子元素，如：$('ul.tonav > li') -
ancestor descendant選擇一個元素裏所有的後代元素，如：$('form input') -
prev + next選擇所有指定元素後緊跟着的元素，如：$('label + input') -
prev ~ siblings選擇與指定元素之後有相同父級的同級選擇器，如：$('#prev ~ div')
基本過濾器 Basic Filters
-
:animated選擇動畫進行中的所有元素。如：$('div:animated) -
:eq(n)選取第n個元素，如：$('ul.tonav li:eq(n)') -
:even選取偶數個元素，如：$('li:even') -
:odd選取奇數個元素，如：$('li.odd') -
:first選取奇數個元素，如：$('li:first') -
:gt(n)選取結果集中索引大於n的元素，n可以爲負值，如：$(':gt(3)') -
:lt(n)選取結果集中索引小於n的元素，n可以爲負值，如：$(':lt(3)') -
:header選取所有的標題元素，例如h1、h2、h3...，如：$(':header') -
:lang()選取指定語言的所有元素，，如：$('div:lang(zh-cn)') -
:last選取最後一個符合的元素，如：$('li:last') -
:not選取不符合的所有元素，如：$('input:not(:checked) + span') -
:root選取作爲文檔根目錄的元素 -
:target選取由文檔的圖片、視頻、音頻指示的目標元素
內容過濾器 Content Filters
-
:contains()選擇包含指定文本的所有元素，如：$("div:containers('home')") -
:empty選擇沒有子元素或內容文字的元素，如：$("td:empty")) -
:has()選擇包含至少一個匹配指定選擇器的元素的元素，如：$("div:has(p)")) -
:parent選擇至少有一個子節點（元素或文本）的所有元素
可視選擇器 Visibility Filters
-
:hidden選擇所有隱藏的元素，如：$("div:hidden").show(3000)); -
:visible選擇所有隱藏的元素，如：$("div:visible").click(function() {$(this).css("background", "yellow");});
屬性選擇器 Attribute
-
[name]選擇具有指定屬性的元素（使用任何值都可以）。如：$("div[id]") -
[name|="value"]選擇具有指定屬性的元素，其值等於給定的字符串，或者以該字符串開頭，後跟連字符（-）。$('a[href="about.html"]'); //選擇 a 鏈接的 href 屬性包含 'about.html' 的元素 -
[name*="value"]選擇具有包含給定子字符串的值得指定屬性的元素。$('input[name*="man"]'); //選擇所有的 name 屬性包含 'man' 的 input 元素 -
[name~="value"]選擇具有指定屬性的元素，其中包含由空格分隔的給定單詞的值。<input name="man-news"> <input name="milk man"> <input name="letter">$('input[name~="man"]'); //會選擇到前兩個 input 元素 -
[name$="value"]選擇具有指定屬性的元素，其值與給定字符串精確匹配，要區分大小寫。如：$("input[name$='letter']") -
[name="value"]選擇具有指定屬性的元素，其值恰好等於特定值，如：$("input[value='Hot Fuzz']")會選到value等於Hot Fuzz的input -
[name!="value"]選擇不具有指定屬性的元素，或者具有指定甦醒但不具有特定值的元素。如：$("input[name!='newsletter']")，name屬性值爲newsletter的不選。 -
[name^="value"]選擇具有指定屬性的元素，其值與給定字符串完全一致。<input name="newsletter"> <input name="milkman"> <input name="news">$('input[name^="news"]'); //會選擇到第三個 input -
[name="value"][name2="value2"]符合所有指定的屬性過濾器的元素。如：$("input[id][name$='man']")
子代過濾器 Child Filters
-
:first-child選擇同父代的第一個子代元素。 -
:first-of-type選擇同一元素名稱的兄弟中的第一個元素。 -
:last-child選擇同父代的最後一個子代元素。 -
:last-of-type選擇同一元素名稱的兄弟中的最後一個元素。 -
:nth-child()選擇同父代的第n個子代元素。 -
:nth-last-child()選擇同父代的倒數第n個子代元素。 -
:nth-last-of-type()選擇同父代的倒數第n個子代元素。 -
:nth-of-type()選擇同父代的第n個子代元素。 -
:only-child選擇只有一個子代的元素。 -
:only-of-type()選擇所有沒有同名元素的兄弟元素。如：$("div.button:only-child")選擇只有一個button的div
表單選擇器
-
:button選擇所有按鈕元素和按鈕類型的元素。 -
:checkbox選擇所有得可取塊的元素。 -
:checked選擇所有選中的元素。 -
:disabled選擇所有被禁用的元素。 -
:enabled選擇所有已啓用的元素。 -
:focus選擇當下被focus的元素。 -
:file選擇file類型的元素。 -
:image選擇圖像類型的所有的元素。 -
:input選擇所有input、textarea、select和button元素。 -
:password選擇所有密碼類型的元素。 -
:radio選擇所有選項按鈕的元素。 -
:reset選擇所有清除按鈕（復位按鈕）的元素。 -
:selected選擇所有選中的元素。 -
:submit選擇所有提交類型的元素。 -
:text選擇所有文本輸入框的元素。