jQuery基礎2

選擇器

基本

id 根據給定的ID匹配一個元素
element 根據給定的元素名匹配所有元素
.class 根據給定的類匹配元素

• 匹配所有元素

層級

selector1,selector2,…,selectorN 將每一個選擇器匹配到的元素合併後一起返回
ancestor descendant 在給定的元素下匹配所有的後代元素
parent >child 在給定的元素下匹配所有的子元素
prev + next 匹配所有緊接在 prev 元素後的 next 元素
prev ~ siblings 匹配 prev元素之後的所有 siblings 元素

基本篩選

:first 獲取第一個元素
:not() 去除所有與給定選擇器匹配的元素
:even 匹配所有索引值為偶數的元素，從 0 開始計數
:odd 匹配所有索引值為奇數的元素，從 0 開始計數
:eq() 匹配一個給定索引值的元素
:gt() 匹配所有大於給定索引值的元素
:lang 選擇指定語言的所有元素。
:last 獲取後個元素
:lt() 匹配所有小於給定索引值的元素
:header 匹配如 h1, h2, h3之類的標題元素
:animated 匹配所有正在執行動畫效果的元素
:focus 匹配當前獲取焦點的元素。
:root 選擇該文件的根元素 永遠是 元素
:target 選擇由文件URI的格式化識別碼表示的目標元素。

內容

:contains() 匹配包含給定文字的元素
:empty 匹配所有不包含子元素或者文字的空元素
:has() 匹配含有選擇器所匹配的元素的元素
:parent 匹配含有子元素或者文字的元素

可見性

:hidden 匹配所有不可見元素，或者type為hidden的元素
:visible 匹配所有的可見元素

屬性

[attribute] 匹配包含給定屬性的元素
[attribute=value] 匹配給定的屬性是某個特定值的元素
[attribute!=value] 匹配所有不含有指定的屬性，或者屬性不等於特定值的元素。
[attribute^=value] 匹配給定的屬性是以某些值開始的元素
[attribute$=value] 匹配給定的屬性是以某些值結尾的元素
[attribute*=value] 匹配給定的屬性是以包含某些值的元素
[attrSel1][attrSel2][attrSelN] 複合屬性選擇器，需要同時滿足多個條件時使用

子元素

:first­child 匹配第一個子元素
:last­child 匹配後一個子元素
:first­of­type1.9+ 選擇所有相同的元素名稱的第一個兄弟元素。
:last­of­type1.9+ 選擇的所有元素之間具有相同元素名稱的後一個兄弟元素。
:nth­child() 匹選中某個元素，該元素必須是某個父元素下的第n個子元素。序號從1開始
:nth­last­child()1.9+ 選中某個元素，該元素必須是某個父元素下的倒數第n個子元素。序號從1開始
:nth­of­type()1.9+ 選中某個元素，該元素必須是某個父元素下的指定型別第n個子元素。序號從1開始
:nth­last­of­type()1.9+ 選中某個元素，該元素必須是某個父元素下的指定型別倒數第n個子元素。序號從1開始
:only­child 如果某個元素是父元素中唯一的子元素，那將會被匹配
:only­of­type1.9+ 選擇所有沒有兄弟元素和自己相同型別的元素

表單

:input 匹配所有 input, textarea, select 和 button 元素
:text 匹配所有的單行文字框
:password 匹配所有密碼框
:radio 匹配所有單選按鈕
:checkbox 匹配所有核取方塊
:submit 匹配所有提交按鈕
:image 匹配所有影像域
:reset 匹配所有重置按鈕
:button 匹配所有按鈕
:file 匹配所有檔案域

表單物件屬性

:enabled 匹配所有可用元素
:disabled 匹配所有禁用元素
:checked 匹配具有checked屬性的radio和checkbox，和有selected屬性的option標籤
:selected 只匹配有selected屬性的option標籤