1 $("#id") //
id選擇器
2 $("div") //
元素選擇器
3 $(".classname") //
類選擇器
4 $(".classname,.classname1,#id1") //
組合選擇器
$("#id>.classname ") //
子元素選擇器
$("#id .classname ") //
後代元素選擇器
$("#id + .classname ") //
緊鄰下乙個元素選擇器
$("#id ~ .classname ") //
兄弟元素選擇器
3.1條件過濾器
$("li:first") //
第乙個li
$("li:last") //
最後乙個li
$("li:even") //
挑選下標為偶數的li
$("li:odd") //
挑選下標為奇數的li
$("li:eq(4)") //
下標等於 4 的li(第五個 li 元素)
$("li:gt(2)") //
下標大於 2 的li
$("li:lt(2)") //
下標小於 2 的li
$("li:not(#runoob)") //
挑選除 id="runoob" 以外的所有li
3.2內容過濾選擇器
$("div:contains('runob')") //
包含 runob文字的元素
$("td:empty") //
不包含子元素或者文字的空元素
$("div:has(selector)") //
含有選擇器所匹配的元素
$("td:parent") //
含有子元素或者文字的元素
3.3可見性過濾選擇器
$("li:hidden") //
匹配所有不可見元素，或type為hidden的元素
$("li:visible") //
匹配所有可見元素
3.4屬性過濾選擇器
$("div[id]") //
所有含有 id 屬性的 div 元素
$("div[id='123']") //
id屬性值為123的div 元素
$("div[id!='123']") //
id屬性值不等於123的div 元素
$("div[id^='qq']") //
id屬性值以qq開頭的div 元素
$("div[id$='zz']") //
id屬性值以zz結尾的div 元素
$("div[id*='bb']") //
id屬性值包含bb的div 元素
$("input[id][name$='man']") //
多屬性選過濾，同時滿足兩個屬性的條件的元素
3.5狀態過濾選擇器
$("input:enabled") //
匹配可用的 input
$("input:disabled") //
匹配不可用的 input
$("input:checked") //
匹配選中的 input
$("option:selected") //
匹配選中的 option
$(":input") //
匹配所有 input, textarea, select 和 button 元素
$(":text") //
所有的單行文字框，$(":text") 等價於$("[type=text]")，推薦使用$("input:text")效率更高，下同
$(":password") //
所有密碼框
$(":radio") //
所有單選按鈕
$(":checkbox") //
所有核取方塊
$(":submit") //
所有提交按鈕
$(":reset") //
所有重置按鈕
$(":button") //
所有button按鈕
$(":file") //
所有檔案域
*注：本文引用於菜鳥教程 jquery選擇器筆記部分
jQuery選擇器小結
學習jquery首當其衝的就是要學習jquery的選擇器，同時還要區分jquery物件與dom物件的區別 下面小猿就來簡單小結一下jquery選擇器 1.基本選擇器 one css background bbffaa mini css background bbffaa div css backgr...
JQuery選擇器小結
雖然近幾年隨著reactjs vuejs等框架的流行，jquery使用的頻率不是很高了。但是如果維護一些舊專案還是存在大量使用jquery的地方。這裡總結一下jquery選擇器的各種寫法，以備不時之需。選擇器描述 返回示例 idid選擇器 單個元素 canclebtn 選取id為canclebtn的...
jQuery八種選擇器小結
一 基礎選擇器 根據指定的id匹配對應的元素 btn1 click function 如果控制項id值中含有特殊符號，在選擇器中可以使用 來解析 btn 1 click function 根據標籤名稱匹配指定的標籤 input click function 根據指定的類名來匹配元素 cls1 css...