1銆佸熀鏈夋嫨鍣?br />2銆佸眰嬈￠夋嫨鍣?br />3銆佽繃婊ら夋嫨鍣?br />4銆佽〃鍗曢夋嫨鍣?/p>
1銆佸熀鏈夋嫨鍣?/p>
#id : 鏍規(guī)嵁緇欏畾鐨刬d鍖歸厤涓涓厓绱狅紝榪斿洖鍗曚釜鍖歸厤鐨勫厓绱狅細
eg錛?(#t)閫夊彇id涓簍鐨勫厓绱?/p>
.class:鏍規(guī)嵁緇欏畾鐨勭被鍚嶅尮閰嶅厓绱?榪斿洖闆嗗悎鍏冪礌錛?br />eg錛?(".t")閫夊彇鎵鏈塩lass涓簍鐨勫厓绱?/p>
elements錛氭牴鎹粰瀹氱殑鍏冪礌鍚嶅尮閰嶅厓绱狅紝榪斿洖闆嗗悎鍏冪礌
eg錛?("p")閫夊彇鎵鏈夌殑<p>鍏冪礌
*錛氬尮閰嶆墍鏈夌殑鍏冪礌,榪斿洖闆嗗悎鍏冪礌
eg錛?("*")閫夊彇鎵鏈夌殑鍏冪礌
閫夋嫨鍣ㄥ尮閰嶏細灝嗘瘡涓涓夋嫨鍣ㄥ尮閰嶅埌鐨勫厓绱犲悎騫跺悗涓璧瘋繑鍥?br />eg:$("div,span,p.myClass")閫夊彇鎵鏈?lt;div>,<span>鍜屾嫢鏈塩lass涓簃yClass鐨?lt;p>鏍囩鐨勪竴緇勫厓绱?/p>
2銆佸眰嬈￠夋嫨鍣?br />$("ancestor descendant"):閫夊彇ancestor鍏冪礌閲岀殑鎵鏈塪escendent(鍚庝唬)鍏冪礌
eg錛?("div span")閫夊彇<div>閲岀殑鎵鏈夌殑<span>鍏冪礌
$("parent>child"):閫夊彇parent鍏冪礌涓嬬殑child(瀛愬厓绱?錛屼笌$("ancestor descendant")鐨勫尯鍒紝$("ancestor descendant")閫夋嫨鐨勬槸鍚庝唬鍏冪礌
eg:$("div>span")閫夊彇<div>鍏冪礌涓嬪厓绱犲悕鏄?lt;span>鐨勫瓙鍏冪礌
$(''prev+next") :閫夊彇绱ц窡鍦╬rev鍏冪礌鍚庣殑next鍏冪礌
eg:$(".one+div")閫夊彇class涓簅ne鐨勪笅涓涓?lt;div>鍏冪礌
$('prev~siblings'): 閫夊彇prev鍏冪礌涔嬪悗鐨勬墍鏈塻iblings鍏冪礌
eg:$("#two~div")閫夊彇id涓簍wo鐨勫厓绱犲悗闈㈢殑鎵鏈?lt;div>鍏勫紵鍏冪礌
3銆佽繃婊ら夋嫨鍣?br />錛?錛夊熀鏈繃婊?br />錛歠irst錛氶夊彇絎竴涓厓绱?br />eg
$("div:first")閫夊彇鎵鏈?lt;div>鍏冪礌涓殑絎竴涓?lt;div>鍏冪礌
last: 閫夊彇鏈鍚庝竴涓厓绱?br />eg錛?br />$("div:last")閫夊彇鎵鏈?lt;div>鍏冪礌涓渶鍚庝竴涓?lt;dib>鍏冪礌
: not(selector)鍘婚櫎鎵鏈変笌緇欏畾閫夋嫨鍣ㄥ尮閰嶇殑鍏冪礌
eg錛?br />$("input:not(.myClass)")閫夊彇class涓嶆槸myClass鐨?lt;input>鍏冪礌
錛歟ven閫夊彇绱㈠紩鏄伓鏁扮殑鎵鏈夊厓绱狅紝绱㈠紩浠?寮濮?br />eg
$("input:even")閫夊彇绱㈠紩鏄伓鏁扮殑<input>鍏冪礌
錛歰dd閫夊彇绱㈠紩鏃跺鏁扮殑鎵鏈夊厓绱狅紝绱㈠紩浠?寮濮?br />eg
$("input:even")閫夊彇绱㈠紩鏄鏁扮殑<input>鍏冪礌
錛歟q(index) 閫夊彇绱㈠紩絳変簬index鐨勫厓绱狅紙index浠?寮濮嬶級
eg
$("input:eq(1)")閫夊彇绱㈠紩絳変簬1鐨?lt;input>鍏冪礌
:gt(index)閫夊彇绱㈠紩澶т簬index鐨勫厓绱狅紙index浠?寮濮嬶級
eg
$("input:gt(1)")閫夊彇绱㈠紩澶т簬1鐨?lt;input>鍏冪礌
:lt(index)閫夊彇绱㈠紩灝忎簬index鐨勫厓绱狅紙index浠?寮濮嬶級
eg
$("input:lt(1)")閫夊彇绱㈠紩灝忎簬1鐨?lt;input>鍏冪礌
:header 閫夊彇鎵鏈夌殑鏍囬鍏冪礌
eg
$(":header")閫夊彇緗戦〉涓墍鏈夌殑<h1><h2><h3>......
鍐呭榪囨護
錛歝ontains(text)閫夊彇鍚湁鏂囨湰鍐呭涓?#8220;text”鐨勫厓绱?br />eg
$("div:contains('鍒?)")閫夊彇鍚湁鏂囨湰“鍒?#8221;鍏冪礌
:empty 閫夊彇涓嶅寘鍚瓙鍏冪礌鎴栬呮枃鏈殑絀哄厓绱?br />eg
$("div:empty")閫夊彇涓嶅寘鍚瓙鍏冪礌鎴栨枃鏈厓绱犵殑<div>絀哄厓绱?/p>
錛歨as(selector)閫夊彇鍚湁閫夋嫨鍣ㄦ墍鍖歸厤鐨勫厓绱犵殑鍏冪礌
eg
$("div:has(p)")閫夊彇鍚湁<p>鍏冪礌鐨?lt;div>鍏冪礌
錛歱arent 閫夊彇鍚湁瀛愬厓绱犳垨鏂囨湰鐨勫厓绱?br />eg
$("div:parent")閫夊彇鍖呭惈瀛愬厓绱犳垨鏂囨湰鍏冪礌鐨?lt;div>鍏冪礌
鍙鎬ц繃婊?br />錛歨idden 閫夊彇鎵鏈変笉鍙鐨勫厓绱?br />eg
$(":hidden")閫夊彇鎵鏈変笉瑙佺殑鍏冪礌
錛歷isible閫夊彇鎵鏈夊彲瑙佺殑鍏冪礌
eg
$("div錛歷isible")閫夊彇鎵鏈夊彲瑙佺殑<div>鍏冪礌
灞炴ц繃婊?br />[attribute]閫夊彇鎷ユ湁姝ゅ睘鎬х殑鍏冪礌
eg
$("div[id]")閫夊彇鎷ユ湁灞炴d鐨勫厓绱?/p>
[attribute=value]閫夊彇灞炴х殑鍊間負value鍏冪礌
eg
$("div[title=test]")閫夊彇灞炴itle涓簍est鐨?lt;div>鍏冪礌
[attribute!=value]閫夊彇灞炴х殑鍊間笉絳変簬value鍏冪礌
eg
$("div[title錛?test]")閫夊彇灞炴itle涓嶆槸test鐨?lt;div>鍏冪礌
[attribute^=value]閫夊彇灞炴х殑鍊間互value寮濮嬬殑鍏冪礌
eg
$("div[title^=test]")閫夊彇灞炴itle浠est寮濮嬬殑<div>鍏冪礌
[attribute$=value]閫夊彇灞炴х殑鍊間互value緇撴潫鐨勫厓绱?br />eg
$("div[title$=test]")閫夊彇灞炴itle浠est緇撴潫鐨?lt;div>鍏冪礌
[attribute*=value]閫夊彇灞炴х殑鍊煎惈鏈塿alue鐨勫厓绱?br />eg
$("div[title*=test]")閫夊彇灞炴itle鍚湁test鐨?lt;div>鍏冪礌
[selector]鐢ㄥ睘鎬ч夋嫨鍣ㄥ悎鎴愪竴涓鍚堝睘鎬ч夋嫨鍣紝婊¤凍澶氫釜鏉′歡銆傛瘡閫夋嫨涓嬈★紝緙╁皬涓嬈¤寖鍥?br />eg
$("div[id][title*=test]")閫夊彇鎷ユ湁灞炴d錛屽茍涓斿睘鎬itle浠est緇撴潫鐨?lt;div>鍏冪礌
瀛愬厓绱犺繃婊?br />錛歯th-child(index/even/odd/equation)閫夊彇姣忎釜鐖跺厓绱犱笅鐨勭index涓瓙鍏冪礌鎴栬呭鍋跺厓绱狅紙index浠?綆楄搗錛?br />eg
:eg(index)鍙尮閰嶄竴涓厓绱狅紝鑰岋細nth-child灝嗕負姣忎竴涓埗鍏冪礌鍖歸厤瀛愬厓绱狅紝騫朵笖錛歯th-child錛坕ndex錛夌殑index鏄粠1寮濮嬬殑錛岃岋細eq錛坕ndex錛夋槸浠?綆楄搗鐨?/p>
錛歠irst-child閫夊彇姣忎釜鐖跺厓绱犵殑絎竴涓瓙鍏冪礌
eg
錛歠irst鍙繑鍥炲崟涓厓绱狅紝鑰岋細first-child閫夋嫨絎﹀皢涓烘瘡涓埗鍏冪礌鍖歸厤絎竴涓瓙鍏冪礌
錛歭ast-child閫夊彇姣忎釜鐖跺厓绱犵殑鏈鍚庝竴涓瓙鍏冪礌
eg
錛歭ast鍙繑鍥炲崟涓厓绱狅紝鑰岋細last-child閫夋嫨絎﹀皢涓烘瘡涓埗鍏冪礌鍖歸厤鏈鍚庝竴涓瓙鍏冪礌
錛歰nly-child濡傛灉鏌愪釜鍏冪礌鏄畠鐖跺厓绱犱腑鍞竴鐨勫瓙鍏冪礌錛岄偅涔堝皢浼氳鍖歸厤銆傚鏋滅埗鍏冪礌涓惈鏈夊叾浠栧厓绱狅紝鍒欎笉浼氳鍖歸厤
eg
$("ul li:only-child")鍦?lt;ul>涓夊彇鏄敮涓瀛愬厓绱犵殑<li>鍏冪礌
]]>