1.基本選擇器$("#id") //id選擇器
$("div") //元素選擇器
$(".classname") //類選擇器
$(".classname,.classname1,#id1") //組合選擇器
2.層次選擇器$("#id>.classname ") //子元素選擇器
$("#id .classname ") //後代元素選擇器
$("#id + .classname ") //緊鄰下乙個元素選擇器
$("#id ~ .classname ") //兄弟元素選擇器
3.過濾選擇器(重點)
$("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
4.表單選擇器$(":input") //匹配所有 input, textarea, select 和 button 元素
$(":text") //所有的單行文字框，$(":text") 等價於$("[type=text]")，推薦使用$("input:text")效率更高，下同
$(":password") //所有密碼框
$(":radio") //所有單選按鈕
$(":checkbox") //所有核取方塊
$(":submit") //所有提交按鈕
$(":reset") //所有重置按鈕
$(":button") //所有button按鈕
$(":file") //所有檔案域
斯特斯特
491***[email protected]年前 (2017-03-16)
jQuery層級選擇器
1.子元素選擇器 用於查詢在給定的父元素下查詢 這個父元素下的所有子元素，語法格式 如下 parent chilid 2.後代元素選擇器 用於在給定的祖先元素下匹配所有的後代元素，語法格式 如下 ancestor descendant 3.緊鄰同輩元素選擇器 用於匹配所有緊鄰在prev元素後的nex...
jquery層級選擇器
層級共包括後代元素 子元素 相鄰元素和同級元素四種。後代選擇器 後代選擇器 ancestor descendant 選擇給定的祖先元素的所有後代元素，並返回集合元素 id test 1div 2div div div test div css margin 10px console.log test...
jQuery選擇器之層級選擇器
文件中的所有的節點之間都是有這樣或者那樣的關係。我們可以把節點之間的關係可以用傳統的家族關係來描述，可以把文件樹當作乙個家譜，那麼節點與節點直接就會存在父子，兄弟，祖孫的關係了。選擇器中的層級選擇器就是用來處理這種關係 子元素 後代元素 兄弟元素 相鄰元素 通過乙個列表，對比層級選擇器的區別 仔細觀...