選擇器
基本:
1、$("#id"): 根據給定的ID匹配一個元素。
2、$("dom元素名"):根據給定的元素名匹配所有元素
3、$(".Class類名"): 根據給定的類匹配元素。
4、$("*") :匹配所有元素。
5、$("dom元素.class類名"):選擇所有class屬性為指定類名的dom元素。
6、$(".stripe tr"): 獲取class屬性為stripe的table元素下的所有行
層級:
1、$("ancestor descendant"):在給定的祖先元素下匹配所有的後代元素
2、$("parent > child"):在給定的父元素下匹配所有的子元素
3、$("prev + next"):匹配所有緊接在 prev 元素後的 next 元素
4、$("prev ~ siblings"):匹配 prev 元素之後的所有 siblings(同級) 元素
簡單:
1、$("tr:first") 匹配找到的第一個元素
2、$("tr:last") 匹配找到的最後一個元素
3、$("input:not(:checked)") 去除所有與給定選擇器匹配的元素
4、$("tr:even") 匹配所有索引值為偶數的元素,從 0 開始計數
5、$("tr:odd") 匹配所有索引值為奇數的元素,從 0 開始計數
6、$("tr:eq(1)") 匹配一個給定索引值的元素
7、$("tr:gt(0)") 匹配所有大於給定索引值的元素
8、$("tr:lt(2)") 匹配所有小於給定索引值的元素
內容:
1、$("div:contains("John")") 匹配包含給定文字的元素
2、$("div:has(p)") 匹配所有包含 p 元素的 div 元素
3、$("td:empty") 查詢所有不包含子元素或者文字的空元素
可見性:
1、$("tr:visible") 查詢所有可見的 tr 元素
2、$("tr:hidden") 匹配所有的不可見元素,input 元素的 type 屬性為 "hidden" 的話也會被匹配到
屬性:
1、$("div[id]") 查詢所有含有 id 屬性的 div 元素
2、$("input[name="newsletter"]") 查詢所有 name 屬性是 newsletter 的 input 元素
3、$("input[name!="newsletter"]") 查詢所有 name 屬性不是 newsletter 的 input 元素
4、$("input[name^="news"]") 查詢所有 name 以 "news" 開始的 input 元素
5、$("input[name$="letter"]") 查詢所有 name 以 "letter" 結尾的 input 元素
6、$("input[name*="man"]") 查詢所有 name 包含 "man" 的 input 元素
7、$("input[id][name$="man"]") 找到所有含有 id 屬性,並且它的 name 屬性是以 man 結尾的
子元素:
1、nth-child(even)/:nth-child(odd)/:nth-child(3n)/:nth-child(2)/:nth-child(3n+1)/:nth-child(3n+2) 匹配其父元素下的第N個子或奇偶元素
2、$("ul li:first-child") 在每個 ul 中查詢第一個 li
3、$("ul li:last-child") 在每個 ul 中查詢最後一個 li
4、$("ul li:only-child") 在 ul 中查詢是唯一子元素的 li
表單:
1、$(":input") 查詢所有的input元素
2、$("text") 匹配所有的單行文字框
3、$(":password") 匹配所有密碼框
5、$("checkbox") 匹配所有複選框
7、$("image") 匹配所有影象域
9、$("file") 匹配所有檔案域
10、$("hidden") 匹配所有不
表單物件屬性:
1、$("input:checked") 匹配所有選中的被選中元素(複選框、單選框等,不包括select中的option)
2、$("input:enabled") 匹配所有可用元素
3、$("input:disabled") 匹配所有不可用元素
04、$("select option:selected") 匹配所有選中的option元素
選擇器
基本:
1、$("#id"): 根據給定的ID匹配一個元素。
2、$("dom元素名"):根據給定的元素名匹配所有元素
3、$(".Class類名"): 根據給定的類匹配元素。
4、$("*") :匹配所有元素。
5、$("dom元素.class類名"):選擇所有class屬性為指定類名的dom元素。
6、$(".stripe tr"): 獲取class屬性為stripe的table元素下的所有行
層級:
1、$("ancestor descendant"):在給定的祖先元素下匹配所有的後代元素
2、$("parent > child"):在給定的父元素下匹配所有的子元素
3、$("prev + next"):匹配所有緊接在 prev 元素後的 next 元素
4、$("prev ~ siblings"):匹配 prev 元素之後的所有 siblings(同級) 元素
簡單:
1、$("tr:first") 匹配找到的第一個元素
2、$("tr:last") 匹配找到的最後一個元素
3、$("input:not(:checked)") 去除所有與給定選擇器匹配的元素
4、$("tr:even") 匹配所有索引值為偶數的元素,從 0 開始計數
5、$("tr:odd") 匹配所有索引值為奇數的元素,從 0 開始計數
6、$("tr:eq(1)") 匹配一個給定索引值的元素
7、$("tr:gt(0)") 匹配所有大於給定索引值的元素
8、$("tr:lt(2)") 匹配所有小於給定索引值的元素
內容:
1、$("div:contains("John")") 匹配包含給定文字的元素
2、$("div:has(p)") 匹配所有包含 p 元素的 div 元素
3、$("td:empty") 查詢所有不包含子元素或者文字的空元素
可見性:
1、$("tr:visible") 查詢所有可見的 tr 元素
2、$("tr:hidden") 匹配所有的不可見元素,input 元素的 type 屬性為 "hidden" 的話也會被匹配到
屬性:
1、$("div[id]") 查詢所有含有 id 屬性的 div 元素
2、$("input[name="newsletter"]") 查詢所有 name 屬性是 newsletter 的 input 元素
3、$("input[name!="newsletter"]") 查詢所有 name 屬性不是 newsletter 的 input 元素
4、$("input[name^="news"]") 查詢所有 name 以 "news" 開始的 input 元素
5、$("input[name$="letter"]") 查詢所有 name 以 "letter" 結尾的 input 元素
6、$("input[name*="man"]") 查詢所有 name 包含 "man" 的 input 元素
7、$("input[id][name$="man"]") 找到所有含有 id 屬性,並且它的 name 屬性是以 man 結尾的
子元素:
1、nth-child(even)/:nth-child(odd)/:nth-child(3n)/:nth-child(2)/:nth-child(3n+1)/:nth-child(3n+2) 匹配其父元素下的第N個子或奇偶元素
2、$("ul li:first-child") 在每個 ul 中查詢第一個 li
3、$("ul li:last-child") 在每個 ul 中查詢最後一個 li
4、$("ul li:only-child") 在 ul 中查詢是唯一子元素的 li
表單:
1、$(":input") 查詢所有的input元素
2、$("text") 匹配所有的單行文字框
3、$(":password") 匹配所有密碼框
5、$("checkbox") 匹配所有複選框
7、$("image") 匹配所有影象域
9、$("file") 匹配所有檔案域
10、$("hidden") 匹配所有不
表單物件屬性:
1、$("input:checked") 匹配所有選中的被選中元素(複選框、單選框等,不包括select中的option)
2、$("input:enabled") 匹配所有可用元素
3、$("input:disabled") 匹配所有不可用元素
04、$("select option:selected") 匹配所有選中的option元素