快捷導(dǎo)航

jQuery 獲取對(duì)象定位子對(duì)象

更新時(shí)間：2010年05月31日 14:02:29 作者：

jQuery 獲取對(duì)象定位子對(duì)象，學(xué)習(xí)jquery 定位子對(duì)象的朋友可以參考下。

選擇中的特殊符號(hào):

# 指示 id
. 指示 class
* 全選
, 多選
空格后代
> 子
~ 兄弟
+ 下一個(gè)
: 子(多功能)
() 函數(shù)式的過濾與查找

獲取 div 下的所有標(biāo)題對(duì)象: $("div :header")

復(fù)制代碼代碼如下:

 
<body> 
<h3>AAA</h3> 
<p>BBB</p> 
<h4>CCC</h4> 
<div> 
<h3>DDD</h3> 
<p>EEE</p> 
<h4>FFF</h4> 
</div> 
</body> 

獲取所有標(biāo)題對(duì)象: $(":header")

復(fù)制代碼代碼如下:

 
<body> 
<h3>AAA</h3> 
<p>BBB</p> 
<h4>CCC</h4> 
<div> 
<h3>DDD</h3> 
<p>EEE</p> 
<h4>FFF</h4> 
</div> 
</body> 

獲取 first, 如: $("li:first") 或 $("li").first() 或 $("ul :first") 或 $("ul li:first")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

獲取每組的 first, 如: $("li:first-child") 或 $("ul li:first-child") 或 $("ul :first-child")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

獲取 last, 如: $("li:last") 或 $("li").last() 或 $("ul :last") 或 $("ul li:last")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

獲取每組的 last, 如: $("li:last-child") 或 $("ul li:last-child") 或 $("ul :last-child")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

獲取第幾個(gè), 如(獲取第三個(gè), eq 是 0 起): $("li:eq(2)") 或 $("li").eq(2)

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

獲取第幾個(gè)之后的, 如(獲取第三個(gè)之后的, gt 是 0 起): $("li:gt(2)")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

獲取第幾個(gè)之前的, 如(獲取第三個(gè)之前的, lt 是 0 起): $("li:lt(2)")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

獲取索引值是偶數(shù)的, 如(even 是 0 起): $("li:even")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

獲取索引值是奇數(shù)的, 如(odd 是 0 起): $("li:odd")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

獲取每組第偶數(shù)個(gè), 如(nth-child 是 1 起): $("li:nth-child(even)")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

獲取每組第奇數(shù)個(gè), 如(nth-child 是 1 起): $("li:nth-child(odd)")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

獲取每組第幾個(gè), 譬如第 2 個(gè)(nth-child 是 1 起): $("li:nth-child(2)")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

用表達(dá)式指示每組的第幾個(gè), 如(nth-child 是 1 起): $("li:nth-child(3n-1)")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

如果是父元素中唯一的子元素, 如: $("li:only-child")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 

:not 是對(duì)其他選擇的取反, 如: $("li:not(li:first-child)")

復(fù)制代碼代碼如下:

 
<ul> 
<li>AAA</li> 
<li>BBB</li> 
<li>CCC</li> 
<li>DDD</li> 
<li>EEE</li> 
<li>FFF</li> 
<li>GGG</li> 
</ul> 
<ul> 
<li>111</li> 
</ul> 
<ul> 
<li>XXX</li> 
<li>YYY</li> 
<li>ZZZ</li> 
</ul> 