jquery選擇器可謂是非常強(qiáng)大的喊式,下面就來簡單的總結(jié)一下常用的元素查找方法
1.$("#myELement")? ? 選擇id值等于myElement的元素糯景,id值不能重復(fù)在文檔中只能有一個(gè)id值是myElement所以得到的是唯一的元素
2.$("div") 選擇所有的div標(biāo)簽元素微饥,返回div元素?cái)?shù)組
3.$(".myClass") 選擇使用myClass類的css的所有元素
4.$("*") 選擇文檔中的所有的元素底哥,可以運(yùn)用多種的選擇方式進(jìn)行聯(lián)合
層疊選擇器
5.$("form input") 選擇所有的form元素中的input元素
6.$("#main > *") 選擇id值為main的所有的子元素
7.$("label + input")? ? 選擇所有的label元素的下一個(gè)input元素節(jié)點(diǎn)洋腮,經(jīng)測試選擇器返回的是label標(biāo)簽后面直接跟一個(gè)input標(biāo)簽的所有input標(biāo)簽元素
8.$("#prev ~ div") ?同胞選擇器锈麸,該選擇器返回的為id為prev的標(biāo)簽元素的所有的屬于同一個(gè)父元素的div標(biāo)簽
基本過濾選擇器
9.$("tr:first") ? 選擇所有tr元素的第一個(gè)
10.$("tr:last") 選擇所有tr元素的最后一個(gè)
11.$("input:not(:checked) + span")?過濾掉:checked的選擇器的所有的input元素
12.$("tr:even") 選擇所有的tr元素的第0烁涌,2,4... ...個(gè)元素(注意:因?yàn)樗x擇的多個(gè)元素時(shí)為數(shù)組酒觅,所以序號(hào)是從0開始)
13.$("tr:odd") ?選擇所有的tr元素的第1撮执,3,5... ...個(gè)元素
14.$("td:eq(2)") 選擇所有的td元素中序號(hào)為2的那個(gè)td元素
15.$("td:gt(4)") 選擇td元素中序號(hào)大于4的所有td元素
16.$("td:ll(4)") ?選擇td元素中序號(hào)小于4的所有的td元素