jquery
選擇器的分類
1）基本選擇器(5)
2）層次選擇器(4)
3）屬性選擇器(7)
4）過濾選擇器
5）表單選擇器
基本選擇器：
$(「#aa」) 它將會返回id值為aa的第乙個元素的jquery物件
2）element 這就是元素選擇器，舉例：
$(『button』) 它就會返回文件中所有的button元素的jquery物件
3）.class 這就是類選擇器，舉例：
$(『.cc』) 它將會返回所有的class屬性值為cc的元素的jquery物件
4）* 這就是通配選擇器，舉例：
$(『*』) 它將會返回文件中的所有的元素
5）selector1,selector2,selectro3,...selectrorn這就是群組選擇器，舉例：
$(『#aa,.cc』) 它將會返回id值為aa的第一元素，並且會返回class屬性值為cc的所有
元素層次選擇器：
name:
newsletter:
1）ancestor descendant
後代(子，孫等）選擇器，例如：
$(『.sports .football』) 它將會返回class為sports的元素後代中所有的class
為football的元素
$(「form input」)
結果：[ ,]
2）parent > child
子選擇器，例如：
$(『.sports>li』) 它將會返回class為sports的子元素中所有的li元素
$(「form > input」)
結果：[ ]3）
prev + next
$(『.sports + li』) 它將會返回class為sports的緊接著的第乙個li元素
$(「label + input」)
結果：[ ,]4）
prev ~ siblings
同胞選擇器-選擇以後的所有兄弟元素，例如：
$(『.sports ~ li』) 它將返回class為sports的兄弟元素中的li元素
$(「from ~ input」)結果：
屬性選擇器：（必須用括起來）
1）[attribute]
選取包含某個屬性的元素，例如：
$(『[type]』) 它將返回包含屬性type的所有元素
2）[attribute=value]
選取屬性值為特定值的元素，例如：
$(『[type = 」ccc」]』) 它將返回屬性type的值為ccc的所有元素
3）[attribute!=value]
選取屬性值不為特定值的元素，例如：
$(『[type != 」aaa」]』) 它將返回屬性type的值不為aaa的所有元素
4）[attribute^=value]
選取屬性值以某個值開頭的元素，例如
$(『[type ^= 「cc」]』) 它將返回屬性type的值以cc開頭的所有元素
5）[attribute$=value]
選取屬性值以某個值結尾的元素，例如：
$(『[type$=」ee」]』) 它將返回屬性type的值以ee結尾的所有元素
6）[attribute*=value]
選取屬性值包含某個值的元素，例如：
$(『[type*=」o」]』) 它將返回屬性type的值中包含o的所有元素
7）[attrsel1][attrsel2][attrseln]
選取同時符合多個條件的元素，例如
$(『[class][type^=」c」]』) 它將返回有class屬性，並且type屬性值以
c開頭過濾選擇器(4)：
1）基本過濾選擇器（11）
（1）:first
選取第乙個元素，例如：
$(『tr:first』) 返回第乙個tr元素
（2）:last
選取最後乙個元素，例如：
$(『tr:last』) 返回最後乙個tr元素
（3）:not(selector)
去除與給定選擇器匹配的元素，例如：
$(『tr:not(「.new」)』) 首先選擇所有的tr元素，然後去除其中包含class
值為new的tr元素
（4）:even
選取索引值為偶數的元素，例如：
$(『tr:even』) 返回索引值為偶數的所有tr元素
（5）:odd
選取索引值為奇數的元素，例如：
$(『tr:odd』) 返回索引值為奇數的所有tr元素
（6）:eq(index)
選取索引值為特定值的元素，例如：
$(『tr:eq(0)』) 返回索引值為0的tr元素，實際上與$(『tr:first』)效果一樣
（7）:gt(index)
選取索引值大於某個特定值的元素，例如：
$(『tr:gt(1)』) 返回索引值大於1的所有tr元素
（8）:lt(index)
選取索引值小於某個特定值的所有元素，例如：
$(『tr:lt(1)』) 返回索引值小於1的所有的tr元素
（9）:header
選擇~標籤，例如：
$(『:header』) 返回文件中~所有元素（10
）:animated
選取執行的動畫元素（11
）:focus
1.6+
（有個1.6+ 表示jquery1.6以上的版本才支援） 選取當前獲得焦點
的元素的
2）內容過濾選擇器（4）
（1）:contains(text)
選取包含某個特定文字的元素，例如：
$(『td:contains(「日本」)』) 返回文字中包含「日本」的td元素
（2）:empty
選取不包含任何子元素或者文字的空元素，例如：
$(『:empty』) 返回空元素
（3）:has(selector)
選取包含選擇器所匹配的元素的元素，例如：
$(『tr:has(「th」)』) 返回包含th元素的tr元素
（4）:parent
選取包含子元素或者文字的元素，例如：
$(『:parent』) 返回非空元素
3）可見性過濾選擇器（2）
（1）:hidden
選取隱藏的元素，例如：
$(『tr:hidden』) 返回隱藏的tr元素
（2）:visible
選取顯示的元素，例如：
$(『tr：visible』) 返回顯示的tr元素
4）子元素過濾選擇器（4）
英 [enθ]
美 [ɛnθ]
跟讀口語練習
adj.
第n個的；n倍的；最近的
（1）:nth-child
選取特定位置的子元素，例如：
$(『tr:nth-child(1)』) 返回第乙個子元素
注意：nth-child是jquery中唯一乙個從1開始計數的選擇器
（2）:first-child
選取每個父元素中的第乙個子元素，例如：
$(『table tr:first-child』) 返回每個table的第乙個tr
（3）:last-child
選取每個父元素的最後乙個子元素，例如：
$(『table tr:last-child』) 返回每個table的最後乙個tr
（4）:only-child
如果元素是其父元素的唯一子元素，該元素將被返回，例如
$(『tr td:only-child』)
返回具有唯一子元素的td
表單選擇器
(2)： 1）
表單元素選擇器
（1）:input
選取input textarea select和button元素（2
）:text
選取所有的單行文字框（3
）:password
選取所有的密碼框（4
）:image
選取所有的影象域（5
）:file
選取所有的檔案域（6
）:hidden
選取所有的隱藏域（7
）:radio
選取所有的單選按鈕（8
）:checkbox
選取所有的核取方塊（9
）:submit
選取所有的提交按鈕（10
）:reset
選取所有的重置按鈕（11
）:button
選取所有的按鈕 2）
表單屬性選擇器 （
1）:enabled
選取所有的可用元素（2
）:disabled
選取所有的不可用元素（3
）:checked
選取所有的處於選中狀態的單選框和核取方塊（4
）:selected
選取所有的處於選中狀態的
option元素
eg：
過濾選擇器和表單選擇器前面都是：
jQuery選擇器總結
父元素中所有的子元素，不包括後代元 父元素 子元素 選擇某元素的緊挨著的元素 如果不存在則什麼都不選擇 某元素 需要查詢的元素 層次選擇器4 個 選擇父元素中的某些元素 父元素 子元素 選擇選擇兄弟元素 可以間隔其他元素 某元素 需要查詢的元素 簡單選擇器10 個 簡單選擇器的特點是有個 first...
Jquery選擇器總結
jquery中的選擇器通用的格式為 selector 這裡的selector總的來說可以按照幾種類別進行選擇 1 按照元素的名稱選 這時直接寫元素的名稱即可，此時返回的是所有該名稱元素的集合。如 a 選擇所有的元素，是個集合陣列 p 選擇所有的元素 2 按照元素的id屬性選擇 這時selector的...
jQuery選擇器總結
jquery 的選擇器可謂之強大無比，這裡簡單地總結一下常用的元素查詢方法 myelement 選擇id值等於myelement的元素，id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素，返回div元素陣列 myclass 選擇使用my...