過濾選擇器-子元素過濾&表單過濾
| 選擇器 |
描述 |
返回 |
示例 |
| :nth-child(index/even/odd/equation) |
選取每個父元素下的第index個子元素或奇偶元素.(index從1開始） |
集合元素 |
:eq(index)只匹配一個元素,而:nth-child(index)將為每一個父元素匹配子元素,并且:nth-child(index)的index從1開始,而:eq(index)的index從0開始. |
| :first-child |
選擇每個父元素的第1個子元素 |
集合元 |
:first只選擇單個元素,而:first-child將為每個父元素匹配第1個子元素如:$(“ul li:first-child”)選擇每個ul下的第一個<li> |
| :last-child |
選取每個父元素的最后1個子元素 |
集合元素 |
$(“ul li:last-child”)選擇每個ul下的最后一個<li> |
:only-child |
如果某個元素是它父元素中惟一的子元素,那么將會被匹配.如果父元素中含有其他元素,則不會被匹配 |
集合元素 |
$(“ul li:only-child”)在<ul>中選取是惟一子元素的<li> |
作者：曾慶林
| 選擇器 |
描述 |
返回 |
示例 |
| :nth-child(index/even/odd/equation) |
選取每個父元素下的第index個子元素或奇偶元素.(index從1開始） |
集合元素 |
:eq(index)只匹配一個元素,而:nth-child(index)將為每一個父元素匹配子元素,并且:nth-child(index)的index從1開始,而:eq(index)的index從0開始. |
| :first-child |
選擇每個父元素的第1個子元素 |
集合元 |
:first只選擇單個元素,而:first-child將為每個父元素匹配第1個子元素如:$(“ul li:first-child”)選擇每個ul下的第一個<li> |
| :last-child |
選取每個父元素的最后1個子元素 |
集合元素 |
$(“ul li:last-child”)選擇每個ul下的最后一個<li> |
:only-child |
如果某個元素是它父元素中惟一的子元素,那么將會被匹配.如果父元素中含有其他元素,則不會被匹配 |
集合元素 |
$(“ul li:only-child”)在<ul>中選取是惟一子元素的<li> |
:nth-child()選擇器詳細功能描述:
:nth-child(even) 能選擇每個父元素下的索引值是偶數(shù)的元素
:nth-child(odd) 選擇出每個父元素下的索引值是奇數(shù)的元素
:nth-child(2) 選取每個父元素下的索引值等于2的元素
:nth-child(3n) 能選出每個父元素下的索引值是3的倍數(shù)的元素,n從0開始
:nth-child(3n+1) 能選取每個父元素下的索引值是3n+1的元素.n從0開始
表單對象屬性過濾選擇器
| 選擇器 |
描述 |
返回 |
示例 |
| :enabled |
選擇所有可用元素 |
集合元素 |
$(“#form1 :enabled”)選取id為form1的表單內(nèi)的所有可用元素 |
| :disabled |
選擇所有不可用元素 |
集合元素 |
$(“#form1 :disabled”)選取id為form1的表單內(nèi)所有不可用元素 |
| :checked |
選擇愾有被選中的元素(單選框,復(fù)選框) |
集合元素 |
$("input:checked")選擇所有被選中的<input元素> |
:selected |
選擇所有被選中的選項元素(下拉列表) |
集合元素 |
$("select :selected")選取所有被選中的選項元素 |
表單選擇器
| 選擇器 |
描述 |
返回 |
示例 |
| :input |
匹配所有<input> <textarea> <select> <button>元素 集合元素 |
$(“:input”) 同描述 |
| :text |
選擇所有單行文本框 |
集合元素 |
$(“:text”)匹配所有單行文本框 |
| :password |
選擇所有密碼框 |
集合元素 |
$(“:password”) |
| :radio |
選擇所有單選框 |
集合元素 |
$(“:radio”) |
| :checkbox |
選擇所有復(fù)選框 |
集合元素 |
$(“:checkbox”) |
:submit |
匹配所有提交按鈕 |
集合元素 |
$(“:submit”) |
| :image |
匹配所有圖像按鈕 |
集合元素 |
$(“:image”) |
| :reset |
匹配所有重置按鈕 |
集合元素 |
$(“:reset”) |
| :button |
匹配所有按鈕 |
集合元素 |
$(“:button”) |
| :file |
匹配所有文件域 |
集合元素 |
$(“:file”) |
| :hidden |
匹配所有不可見元素 |
集合元素 |
$(“:hidden”) |
選擇器中的一些注意事項
選擇器中包含空格
選擇器中的空格是不容忽視的，多一個空格或少一個空格會得到截然不同的結(jié)果.
如:
$(“div:input”)
和
$(“div :input”)
jQuery中的方法初探
| 方法 |
功能描述 |
| show() |
顯示隱藏的匹配元素沃粗，可帶整數(shù)參數(shù)表示時間粥惧，單位是毫秒 |
| hide() |
隱藏顯示的匹配元素，可帶整數(shù)參數(shù)表示時間最盅，單位是毫秒 |
| css(name,value) |
給匹配的元素設(shè)置css樣式 |
| text(string) |
獲取或設(shè)置匹配元素的文本內(nèi)容,不包含html標簽 |
| filter(expr) |
篩選出與指定表達式匹配的元素集合突雪，其中expr可以是多個選擇器的組合。 |
| addClass(class) |
為匹配的元素增加一個 類樣式 |
| removeClass(class) |
為匹配的元素移除一個類樣式 |
| html() |
獲取或設(shè)置匹配元素的內(nèi)容涡贱，包含html標簽 |
| siblings() |
$(“.abc”).siblings()匹配得到class=abc的其它兄弟元素 |
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
