亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

淺析jQuery中常用的元素查找方法總結

2019-11-20 22:34:29
字體:
來源:轉載
供稿:網友

$("#myELement") 選擇id值等于myElement的元素,id值不能重復在文檔中只能有一個id值是myElement所以得到的是唯一的元素
$("div") 選擇所有的div標簽元素,返回div元素數組
$(".myClass")   選擇使用myClass類的css的所有元素
$("*") 選擇文檔中的所有的元素,可以運用多種的選擇方式進行聯合選擇:例如$("#myELement,div,.myclass")

層疊選擇器:
$("form input") 選擇所有的form元素中的input元素
$("#main > *")  選擇id值為main的所有的子元素
$("label + input") 選擇所有的label元素的下一個input元素節點,經測試選擇器返回的是label標簽后面直接跟一個input標簽的所有input標簽元素
$("#prev ~ div") 同胞選擇器,該選擇器返回的為id為prev的標簽元素的所有的屬于同一個父元素的div標簽

基本過濾選擇器:
$("tr:first") 選擇所有tr元素的第一個
$("tr:last")  選擇所有tr元素的最后一個
$("input:not(:checked) + span")  

過濾掉:checked的選擇器的所有的input元素
$("tr:even")   選擇所有的tr元素的第0,2,4... ...個元素(注意:因為所選擇的多個元素時為數組,所以序號是從0開始)
$("tr:odd")    選擇所有的tr元素的第1,3,5... ...個元素
$("td:eq(2)")  選擇所有的td元素中序號為2的那個td元素
$("td:gt(4)")  選擇td元素中序號大于4的所有td元素
$("td:ll(4)")  選擇td元素中序號小于4的所有的td元素
$(":header")
$("div:animated")

內容過濾選擇器:
$("div:contains('John')") 選擇所有div中含有John文本的元素
$("td:empty")             選擇所有的為空(也不包括文本節點)的td元素的數組
$("div:has(p)")           選擇所有含有p標簽的div元素
$("td:parent")            選擇所有的以td為父節點的元素數組

可視化過濾選擇器:
$("div:hidden")           選擇所有的被hidden的div元素
$("div:visible")          選擇所有的可視化的div元素

屬性過濾選擇器:
$("div[id]")              選擇所有含有id屬性的div元素
$("input[name='newsletter']")    選擇所有的name屬性等于'newsletter'的input元素
$("input[name!='newsletter']")   選擇所有的name屬性不等于'newsletter'的input元素
$("input[name^='news']")         選擇所有的name屬性以'news'開頭的input元素
$("input[name$='news']")         選擇所有的name屬性以'news'結尾的input元素
$("input[name*='man']")          選擇所有的name屬性包含'news'的input元素
$("input[id][name$='man']")    可以使用多個屬性進行聯合選擇,該選擇器是得到所有的含有id屬性并且那么屬性以man結尾的元素

子元素過濾選擇器:
$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")
$("div span:first-child")   返回所有的div元素的第一個子節點的數組
$("div span:last-child")    返回所有的div元素的最后一個節點的數組
$("div button:only-child")  返回所有的div中只有唯一一個子節點的所有子節點的數組

表單元素選擇器:
$(":input")       選擇所有的表單輸入元素,包括input, textarea, select 和 button
$(":text")        選擇所有的text input元素
$(":password")    選擇所有的password input元素
$(":radio")       選擇所有的radio input元素
$(":checkbox")    選擇所有的checkbox input元素
$(":submit")      選擇所有的submit input元素
$(":image")       選擇所有的image input元素
$(":reset")       選擇所有的reset input元素
$(":button")      選擇所有的button input元素
$(":file")        選擇所有的file input元素
$(":hidden")      選擇所有類型為hidden的input元素或表單的隱藏域

表單元素過濾選擇器:
$(":enabled")   選擇所有的可操作的表單元素
$(":disabled")  選擇所有的不可操作的表單元素
$(":checked")   選擇所有的被checked的表單元素
$("select option:selected") 選擇所有的select 的子元素中被selected的元素

選取一個name 為”S_03_22″的input text框的上一個td的text值
$(”input[@name =S_03_22]“).parent().prev().text()
名字以”S_”開始,并且不是以”_R”結尾的
$(”input[@name ^='S_']“).not(”[@name $='_R']“)
一個名為radio_01的radio所選的值
$(”input[@name =radio_01][@checked]“).val();

$("A B") 查找A元素下面的所有子節點,包括非直接子節點
$("A>B") 查找A元素下面的直接子節點
$("A+B") 查找A元素后面的兄弟節點,包括非直接子節點
$("A~B") 查找A元素后面的兄弟節點,不包括非直接子節點

1. $("A B") 查找A元素下面的所有子節點,包括非直接子節點
例子:找到表單中所有的 input 元素
HTML 代碼:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代碼:
$("form input")
結果:
[ <input name="name" />, <input name="newsletter" /> ]

2. $("A>B") 查找A元素下面的直接子節點
例子:匹配表單中所有的子級input元素。
HTML 代碼:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代碼:
$("form > input")
結果:
[ <input name="name" /> ]

3. $("A+B") 查找A元素后面的兄弟節點,包括非直接子節點
例子:匹配所有跟在 label 后面的 input 元素
HTML 代碼:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代碼:
$("label + input")
結果:
[ <input name="name" />, <input name="newsletter" /> ]

4. $("A~B") 查找A元素后面的兄弟節點,不包括非直接子節點
例子:找到所有與表單同輩的 input 元素
HTML 代碼:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代碼:
$("form ~ input")
結果:
[ <input name="none" /> ]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲天堂成人在线视频| 欧美激情免费视频| 国语对白做受69| 精品久久久在线观看| 国产精品久久久久久搜索| 国产精品伦子伦免费视频| 亚洲tv在线观看| 亚洲男人av电影| 久热国产精品视频| 国产美女精彩久久| 日韩在线视频线视频免费网站| 精品国产福利在线| 国产精品中文字幕在线| 欧美午夜精品久久久久久久| 亚洲三级av在线| 亚洲激情小视频| 亚洲精品狠狠操| 亚洲精品v欧美精品v日韩精品| 精品视频在线播放| 久久精彩免费视频| 日韩av影院在线观看| 成人国产精品一区二区| 国产99久久精品一区二区永久免费| 国产suv精品一区二区| 91嫩草在线视频| 性色av一区二区咪爱| 欧美日韩一区二区在线| 日韩精品视频观看| 久久综合九色九九| 精品在线欧美视频| 色诱女教师一区二区三区| 亚洲午夜精品久久久久久久久久久久| 成人观看高清在线观看免费| 国外成人免费在线播放| 午夜美女久久久久爽久久| 2019亚洲男人天堂| 欧美成人激情视频免费观看| 久久成年人视频| 国产美女搞久久| 欧美在线视频播放| 亚洲伊人久久大香线蕉av| 国产日韩换脸av一区在线观看| 欧美极品少妇xxxxⅹ裸体艺术| 美女福利精品视频| 亚洲精品一区二区三区不| 久久久噜噜噜久久久| 欧美在线不卡区| 欧美日韩激情小视频| 亚洲精品日韩在线| 91影视免费在线观看| 7m第一福利500精品视频| 亚洲日韩中文字幕在线播放| 国产欧美久久久久久| 日韩欧美在线播放| 曰本色欧美视频在线| 欧美激情精品久久久久久变态| 国产精品第一第二| 国产在线观看精品一区二区三区| 欧洲美女7788成人免费视频| 91福利视频网| 亚洲精品日韩丝袜精品| 国产日韩欧美日韩大片| 国产精品久久一| 欧美激情精品久久久| 美日韩精品视频免费看| 久久久久久网址| 色哟哟亚洲精品一区二区| 成年无码av片在线| 91成人精品网站| 国内精品在线一区| 国产精品第一页在线| 亚洲国产私拍精品国模在线观看| 欧美高清理论片| 国产日韩换脸av一区在线观看| 日韩av免费在线| 欧美国产第二页| 欧美国产激情18| 成人av色在线观看| 亚洲精品女av网站| 亚洲自拍欧美另类| 久久久女女女女999久久| 91精品国产91久久久久久吃药| 91国语精品自产拍在线观看性色| 91精品视频观看| 国产精品美女久久久久av超清| 亚洲视频电影图片偷拍一区| 国产精品视频一区二区高潮| 国产精品久久av| 亚洲a在线观看| 97香蕉久久超级碰碰高清版| 91精品国产91久久久久久最新| 97精品欧美一区二区三区| 国产成人精品在线| 欧美日产国产成人免费图片| 久久精品成人一区二区三区| 欧美成人精品xxx| 欧美激情亚洲国产| 国产91色在线| 欧美性生交xxxxxdddd| 久久久视频在线| 成人黄色片在线| 欧美精品做受xxx性少妇| 久久久精品国产网站| 中文字幕av一区二区三区谷原希美| 欧美日韩不卡合集视频| 国产日韩精品一区二区| 亚洲美女久久久| 精品中文字幕在线观看| 欧美影院在线播放| 国产精品扒开腿做爽爽爽男男| 成人亲热视频网站| 中文字幕日韩精品在线观看| 欧美一区二区视频97| 91在线高清视频| 亚洲色图综合网| 91福利视频在线观看| 国产欧美日韩中文| 中文字幕一精品亚洲无线一区| 久久久久久伊人| 91亚洲午夜在线| 在线观看亚洲区| 97成人在线视频| 国产精品1234| 亚洲精品91美女久久久久久久| 日韩av免费网站| 国产日韩在线看| 亚洲国产成人一区| 国产伦精品一区二区三区精品视频| 高清欧美性猛交xxxx| 1769国内精品视频在线播放| 成人久久一区二区三区| 中文字幕成人精品久久不卡| 91色在线观看| 欧美在线观看日本一区| 亚洲影院色无极综合| 在线观看国产精品91| 欧美视频在线看| 亚洲剧情一区二区| 国产综合视频在线观看| 欧美巨猛xxxx猛交黑人97人| 亚洲福利小视频| 精品视频在线播放| 欧美电影免费观看高清完整| 伊人久久大香线蕉av一区二区| 午夜精品一区二区三区av| 欧美孕妇性xx| 欧美亚洲在线播放| 日韩中文字幕网址| 色综合久综合久久综合久鬼88| 最近中文字幕日韩精品| 国产精品稀缺呦系列在线| 亚洲欧美日韩爽爽影院| 中文欧美在线视频| 在线日韩av观看| 国产裸体写真av一区二区| 在线电影中文日韩| 欧美成人午夜视频| 最近2019中文字幕第三页视频| 中文字幕亚洲二区| 欧美中文字幕在线| 欧美在线视频网站| 国产午夜精品全部视频在线播放| 国产精品69精品一区二区三区| 亚洲精品福利免费在线观看|