jQuery的選擇器總結

###jQuery的選擇器

---

• 不會返回undefined或null

####基本選擇器

id選擇器：$('#id')
element選擇器：$('elem')
class選擇器：$('.class')
通配符選擇器：$('*')  //能夠匹配全部的元素，不建議使用

####多項選擇器

$("selector1, selector2, ... selectorN") 
//當選擇了重複的元素時，jquery並不會重複選擇
//jquery會按照DOM中的元素順序返回選擇結果，並不會按照參數順序返回選擇結果

####層級選擇器

後代選擇器：$('ancestor descendant')
直接後代選擇器：$('parent > child')
二弟選擇器：$('prev + next')  //只會選擇在prev後而且相鄰的next
兄弟選擇器：$('prev ~ sibling')  //會選擇出prev全部的sibling兄弟

####屬性選擇器

屬性名選擇器：$('[attr]')  //選擇出包含該屬性的全部元素
屬性值選擇器：$('[attr=value]')  //選擇屬性爲該值的全部元素
非屬性值選擇器：$('[attr!=value]')  //選擇屬性不爲該值的元素
屬性值頭字段選擇器：$('[attr^=value]')  //選擇屬性值開頭爲value字段的元素
屬性值尾字段選擇器：$('[attr$=value]')  //選擇屬性值結尾爲value字段的元素
屬性值字段選擇器:$('[attr*=value]')  //選擇屬性值包含value字段的元素（正則）
多屬性選擇器：$('[selector1][selector2][selectorN]')     //其中selector能夠爲上面任何一個選擇器方法

####過濾器

child系列

$('father:first-child')
$('father:last-child')
$('father:nth-child(n)')  //n能夠是數字（1開始）、even（表示偶數）、odd（表示奇數）、formula（方程）
$('father:nth-last-child(n)')
$('father:only-child')
//能夠指定子標籤的類型，經過$('father > tag : first-child')
//尋找father標籤下的第一個標籤是tag標籤

type系列

$('father:first-of-type')
$('father:last-of-type)
$('father:nth-of-type(n)')  //n能夠是數字、even（表示偶數）、odd（表示奇數）、formula（加減乘除方程，如2n+1）
$('father:nth-last-of-type(n)')
$('father:only-of-type')
//能夠指定子標籤的類型，經過$('father > tag : first-of-type')
//尋找father標籤下的第一個tag標籤

####表單相關

表單選擇器：$(':input')  //選擇表單中input、textarea、select、button
表單元素選擇器：$(':type')  
//能夠用來單獨選擇password、radio、checkbox、image、reset、button、file
表單狀態選擇器：$(':state')  
//表單狀態能夠是enabled、disabled、checked（checkbox、select）、selected

####查找和過濾 * expr：字符串值，包含供匹配當前元素集合的選擇器表達式 * object：現有的jQuery對象，以匹配當前的元素 * element：一個用於匹配的DOM元素 * fn一個函數用來做爲測試元素的集合

find(expr|object|element)  //遞歸搜索全部與指定表達式匹配的元素
children([expr]) //在兒子中搜索與指定表達式匹配的元素
parent([expr])  //取得一個包含全部匹配元素的父元素集合
next([expr])、prev([expr]) //緊鄰的後輩、前輩元素
eq(index|-index)  //獲取當前鏈式操做的第index個jQuery對象
sibling([expr])  //匹配元素集合的同輩元素集合
filter(expr|object|element|fn)  //篩選出與指定表達式匹配的元素集合