#id 根據給定的id匹配元素 $("#test") 選取id為test的元素
.class 根據類名匹配元素 $(".test") 選取所有class為test的元素
elemet 根據給定的元素名匹配元素 $("p") 選取所有的p元素
* 匹配所有元素 $(*) 選取所有的元素
seceltor1,seceltor2...... 將每乙個選擇器匹配到的元素一起返回 $("div,span,myclass") 選取所有div,span和類名為myclass的所有元素
$("ancestor descendant") 選取ancestor裡所有descendant後代元素$("div span") 選取div裡所有的span
$("parent > child") 選取parent下的child子元素$("div > span") 選取div下span的子元素
$("prev + next") == $(".one").next("div") 選取緊接在prev之後的next元素 $(".one + div") 選取class為one的下乙個div元素
$("prev ~ siblings") == $("prev").nextall(siblings) 選取prev元素之後所有的兄弟siblings元素 $("#two ~ div") 選取two後面所有的div元素
:first 選取第乙個元素 $("div:first") 選取所有div元素中第乙個div元素
:last 選取最後乙個元素 $("div:last") 選取所有div元素中最後乙個div元素
:not(secltor) 去除與給定選擇器匹配的元素 $("input:not(.myclass)") 選取class不是myclass的div元素
:even 選取索引是偶數的所有元素(從0開始) $("input:even") 偶數的input元素
:odd 選取索引是奇數的所有元素(從0開始) $("input:odd") 奇數的input元素
:eq(index) 選取索引等於index的元素 $("input.eq(1)") 索引等於1的input元素
:gt(index) 選取所有索引大於index的元素 $("input:gt(1)") 選取索引大於1的input元素
:lt(index) 選取所有索引小於index的元素 $("input:lt(1)") 選取索引小於1的input元素
:header 選取所有標題元素 $(":header")
:animated 選取正在執行動畫的元素 $("div:animated")
:contains(text) 包含text的元素 $("div:contains("me")")
:empty 選取所有空的元素 $("div:empty") 選取空的div
:has(selector) 選擇含與有selector匹配的元素的元素 $("div:has(p)") 選取含有p的div
:parent 選取含有子元素或者文字的元素 $("div:parent") 含有子元素的div
:hidden 選取不可見得元素
:visible 選取可見得元素
[attribute] 選擇擁有此屬性的元素 $("div[id]") 擁有id的div
[attribute=value] 選擇擁有此屬性並且屬性等於value的元素 $("div[id=test]")
[attribute!=value] 選擇擁有此屬性並且屬性不等於value的元素 $("div[id=test]")
[attribute^=value] 選擇屬性值以value開始的元素
[attribute$=value] 選擇屬性值以value結束的元素
[attribute*=value] 選擇屬性值含有value的元素
:nth-child(index/even/odd/equation) 選取每個父元素下的第index個子元素或者奇偶元素(index從1開始) :eq(index)只匹配乙個元素,而:nth-child將為每乙個父元素匹配子元素,並且:nth-child(index)的index是從1開始的,而:eq(index)是從0開始的。(返回的是元素集合) :nth-child(even) 選取父元素下索引值是偶數的元素 :nth-child(odd) 選取父元素下索引值是奇數的元素 :nth-child(2) 選取父元素下索引是2的元素 :nth-child(3n) 選取父元素下索引值是3的倍數的元素 :nth-child(3n+1) 選取父元素下索引值是3n+1的元素
:first-child 選取每個父元素的第乙個子元素 :first只返回單個元素,而:first-child為每個父元素匹配第乙個元素 $("ul li:first-child") 選取每個ul中第乙個li元素
:last-child 選取每個父元素的最後乙個子元素 :last只返回單個元素,而:last-child為每個父元素匹配最後乙個元素 $("ul li:last-child") 選取每個ul中最後乙個li元素
:only-child 如果某個元素是父元素中唯一匹配的子元素,那麼將會被匹配,如果父元素中有其他元素,則不會被匹配 $("ul li:only-child") 選取ul中唯一子元素是li的元素
:enable 選取所有可用的元素
:disable 選取所有不可用的元素
:checked 選中所有單選框、核取方塊中被選中的元素
:selected 選取所有被選中的元素(下拉列表)
jQuery選擇器 過濾器
jquery選擇器 選擇器與選擇器之間要加空格,選擇器與過濾器之間不需要加空格。1.基本選擇器 1 id id選擇器 2 element 標籤選擇器 3 class 類選擇器 4 選擇所有元素 5 selector1,selector2 多條件選擇器 例如 div,span,myclass 表示選擇...
JQuery選擇過濾器
jquery選擇器 選擇器與選擇器之間要加空格,選擇器與過濾器之間不需要加空格。1.基本選擇器 1 id id選擇器 2 element 標籤選擇器 3 class 類選擇器 4 選擇所有元素 5 selector1,selector2 多條件選擇器 例如 div,span,myclass 表示選擇...
JQuery 選擇 過濾器
myelement 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素,以運用多種的選擇方式...