一、基本選擇器
#box
.box1
div
$("#box, .box1");

二、層級選擇器
$("div p"); //div中的所有p
$("div > p"); //div中的子元素p
$("div + p"); //div後面的第一個p
$("div~p"); //div後面所有的p

三、基本過濾選擇器
$("p:first"); //p標簽中的第一個
$("p:last"); //最後一個
$("p:not(.p)"); //not class="p"的p標簽
$("p:even"); //下標為偶數，下標從0開始，隔行換色
$("p:odd"); //下標為奇數
$("p:eq(5)"); //下標 = 5 標簽，eq=equal
 

$("p:gt(3)"); //下標 > 3
$("p:lt(3)"); //下標 < 3

$(":header"); //:header是h1~h6的縮寫，匹配所有的h1~h6

四、內容與可見性選擇器
$("p:contains(line)"); //匹配到p標簽內容中包含line的所有p標簽，做搜索
$("p:empty").html("aaaa"); //內容為空的p
$("p:has(i)"); //p標簽裏面有i標簽的p標簽
$("p:parent"); //p本身要是父級，或是有子元素的
$("p:hidden").css("display","block"); //找到隱藏了的p標簽, <p style="diplay:none">line3</p>
 

$("p:visible").css("display","none"); //找到可見的p標簽

五、屬性選擇器和子元素選擇器
$("p[class]"); //包含屬性class
$("p[class=p2]"); //=等於 !=不等於  ^=以什麽頭 $=以什麽結尾 *= 包含什麽
$("p[class!=p2]");
$("p[class][class^=a][class$=2]"); //多層過濾

$("p:nth-child(2)"); //p本身是第二個子元素
$("p:first-child"); //p本身是第一個子元素 :last-child :only-child

六、表單選擇器
$("form :text"); //
 
<input type="text">
$("input :text"); //也可以吧
$("input:file"); //

jquery選擇器詳解