$("*"):選取所有元素
ID選擇器
$("#lastname"):選取id="lastname" 的元素
類選擇器
$(".intro"):選取所有 class="intro" 的元素
$(".intro.demo"):選取所有 class="intro" 且class="demo" 的元素
后代選擇器
$("div> span") :選取 <div> 元素的直接子元素的 <span> 元素
屬性選擇器
$("[href]"):選取所有帶有 href 屬性的元素
$("[href='#']"):選取所有 href 屬性的值等于 "#" 的元素
$("[href!='#']"):選取所有 href 屬性的值不等于 "#" 的元素
$("[href$='.jpg']"):選取所有 href 屬性的值包含以 ".jpg" 結(jié)尾的元素
$("input[name^='news']"):選取所有的 name 屬性以'news'開頭的 input 元素
$("input[id][name$='man']"):選取所有的含有 id 屬性并且那么屬性以 man 結(jié)尾的元素
位置篩選器
$("p:first"):選取第一個(gè) <p> 元素
$("p:last"):選取最后一個(gè) <p> 元素
$("tr:even"):選取所有偶數(shù) <tr> 元素
$("tr:odd"):選取所有奇數(shù) <tr> 元素
$("ul li:eq(3)") :選取列表中的第四個(gè)元素(index 從 0 開始)
$("ul li:gt(3)") :列出 index 大于 3 的元素
$("ul li:lt(3)") :列出 index 小于 3 的元素
子元素篩選器
$("div span:first-child") :選取所有的 div 元素的第一個(gè)子節(jié)點(diǎn)的數(shù)組
$("div span:last-child") :選取所有的 div 元素的最后一個(gè)節(jié)點(diǎn)的數(shù)組
$("div button:only-child") :選取所有的 div 中只有唯一一個(gè)子節(jié)點(diǎn)的所有子節(jié)點(diǎn)的數(shù)組
$("p:first-of-type"):選取屬于其父元素的第一個(gè) <p> 元素的每個(gè) <p> 元素
$("p:last-of-type"):選取屬于其父元素的最后一個(gè) <p> 元素的每個(gè) <p> 元素
$("p:nth-child(3)"):選取屬于其父元素的第三個(gè)子元素的每個(gè) <p> 元素
$("p:nth-last-child(3)"):選取屬于其父元素的倒數(shù)第三個(gè)子元素的 <p> 元素
$("p:nth-of-type(3)"):選取屬于其父元素的第三個(gè) <p> 元素的每個(gè) <p> 元素
$("p:nth-last-of-type(3)"):選取屬于其父元素的倒數(shù)第三個(gè) <p> 元素的每個(gè) <p> 元素
$("p:only-of-type"):選取屬于其父元素的唯一 <p> 元素的每個(gè) <p> 元素
表單篩選器
$(":input"):選取所有 <input> 元素
$(":text"):選取所有 type="text" 的 <input> 元素
$(":password"):選取所有 type="password"的 <input> 元素
$(":radio"):選取所有 type="radio" 的 <input> 元素
$(":checkbox"):選取所有 type="checkbox"的 <input> 元素
$(":submit"):選取所有 type="submit" 的 <input> 元素
$(":reset"):選取所有 type="reset" 的 <input> 元素
$(":button"):選取所有 type="button" 的 <input> 元素
$(":image"):選取所有 type="image" 的 <input> 元素
$(":file"):選取所有 type="file" 的 <input> 元素
$(":enabled"):選取所有激活的 input 元素
$(":disabled"):選取所有禁用的 input 元素
$(":selected"):選取所有被選取的input 元素
$(":focus"):選取當(dāng)前具有焦點(diǎn)的元素
$(":checked"):選取所有被選中的 input 元素
內(nèi)容篩選器
$(":empty"):選取無子(元素)節(jié)點(diǎn)的所有元素
$("p:has(span)"):選取所有包含有 <span> 元素在其內(nèi)的 <p> 元素
$("td:parent"):選取所有帶有子元素且包含文本的 <td> 元素
$(":contains('W3School')"):選取包含指定字符串的所有元素
其他篩選器
$("p:lang(it)"):選取所有 lang 屬性為 "it" 的 <p> 元素
$("input:not(:empty)"):選取所有不為空的 input 元素
$("p:hidden"):選取所有隱藏的 <p> 元素
$("table:visible"):選取所有可見的表格
$(":header"):選取所有標(biāo)題元素
$(":animated"):選取所有動(dòng)畫元素