jQuery 獲取對(duì)象 定位子對(duì)象
  更新時(shí)間:2010年05月31日 14:02:29   作者:   
                        jQuery 獲取對(duì)象 定位子對(duì)象,學(xué)習(xí)jquery 定位子對(duì)象的朋友可以參考下。
                        
                            選擇中的特殊符號(hào): 
# 指示 id
. 指示 class
* 全選
, 多選
空格 后代
> 子
~ 兄弟
+ 下一個(gè)
: 子(多功能)
() 函數(shù)式的過(guò)濾與查找
獲取 div 下的所有標(biāo)題對(duì)象: $("div :header")
 
<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")
 
<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")
 
<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")
 
<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")
 
<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")
 
<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)
 
<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)")
 
<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)")
 
<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")
 
<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")
 
<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)")
 
<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)")
 
<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)")
 
<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)")
 
<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")
 
<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)")
 
<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>
                            
                            
                        
                        # 指示 id
. 指示 class
* 全選
, 多選
空格 后代
> 子
~ 兄弟
+ 下一個(gè)
: 子(多功能)
() 函數(shù)式的過(guò)濾與查找
獲取 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>
                                您可能感興趣的文章:
                        - jQuery仿京東商城樓梯式導(dǎo)航定位菜單
 - Fullpage.js固定導(dǎo)航欄-實(shí)現(xiàn)定位導(dǎo)航欄
 - Android百度定位導(dǎo)航之基于百度地圖移動(dòng)獲取位置和自動(dòng)定位
 - jquery鼠標(biāo)放上去顯示懸浮層即彈出定位的div層
 - 基于jquery的從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面的指定位置的實(shí)現(xiàn)代碼(帶平滑移動(dòng)的效果)
 - js,jquery滾動(dòng)/跳轉(zhuǎn)頁(yè)面到指定位置的實(shí)現(xiàn)思路
 - jquery關(guān)于頁(yè)面焦點(diǎn)的定位(文本框獲取焦點(diǎn)時(shí)改變樣式 )
 - jQuery 在光標(biāo)定位的地方插入文字的插件
 - jQuery判斷div隨滾動(dòng)條滾動(dòng)到一定位置后停止
 - jquery實(shí)現(xiàn)網(wǎng)頁(yè)定位導(dǎo)航
 
相關(guān)文章
 DOM事件階段以及事件捕獲與事件冒泡先后執(zhí)行順序(圖文詳解)
DOM事件標(biāo)準(zhǔn)定義了兩種事件流,這兩種事件流有著顯著的不同并且可能對(duì)你的應(yīng)用有著相當(dāng)大的影響。這兩種事件流分別是捕獲和冒泡。和許多Web技術(shù)一樣,在它們成為標(biāo)準(zhǔn)之前,Netscape和微軟各自不同地實(shí)現(xiàn)了它們,下面介紹DOM事件階段以及事件捕獲與事件冒泡先后執(zhí)行順序2015-08-08
 使用jQuery validate 驗(yàn)證注冊(cè)表單實(shí)例演示
Validation是jQuery的插件,提供的方法可以大大簡(jiǎn)化驗(yàn)證表單的工作,接下來(lái)為大家詳細(xì)介紹下使用方法,感興趣的各位可以參考下哈2013-03-03
 jQuery簡(jiǎn)單倒計(jì)時(shí)效果完整示例
這篇文章主要介紹了jQuery簡(jiǎn)單倒計(jì)時(shí)效果,結(jié)合完整實(shí)例形式分析了jQuery針對(duì)日期與時(shí)間的計(jì)算與頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-09-09
 jQuery常見(jiàn)開(kāi)發(fā)技巧詳細(xì)整理
jquery開(kāi)發(fā)過(guò)程中經(jīng)驗(yàn)豐富可以提高開(kāi)發(fā)技巧,本文整理了一些常見(jiàn)的jquery開(kāi)發(fā)技巧,有需要的朋友可以參考下2013-01-01
 jquery自適應(yīng)布局的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery自適應(yīng)布局的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
 JQuery實(shí)現(xiàn)的圖文自動(dòng)輪播效果插件
這篇文章主要介紹了JQuery實(shí)現(xiàn)的圖文自動(dòng)輪播效果插件,涉及jQuery處理鼠標(biāo)事件及動(dòng)畫(huà)效果的方法,需要的朋友可以參考下2015-06-06

