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")
<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ù)式的過濾與查找
獲取 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è)頁面跳轉(zhuǎn)到另一個(gè)頁面的指定位置的實(shí)現(xiàn)代碼（帶平滑移動(dòng)的效果）
- js，jquery滾動(dòng)/跳轉(zhuǎn)頁面到指定位置的實(shí)現(xiàn)思路
- jquery關(guān)于頁面焦點(diǎn)的定位(文本框獲取焦點(diǎn)時(shí)改變樣式 )
- jQuery 在光標(biāo)定位的地方插入文字的插件
- jQuery判斷div隨滾動(dòng)條滾動(dòng)到一定位置后停止
- jquery實(shí)現(xiàn)網(wǎng)頁定位導(dǎo)航
相關(guān)文章
jQuery實(shí)現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果,涉及jQuery針對(duì)table元素遍歷、運(yùn)算、樣式及鼠標(biāo)事件動(dòng)態(tài)響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了jquery 表單 多選框的一種巧妙寫法 ,需要的朋友可以參考下2015-09-09
好的代碼會(huì)帶來速度的提升，快速渲染和響應(yīng)意味著更好的用戶體驗(yàn)。本文主要總結(jié)了如何高效的編寫jQuery代碼的技巧，對(duì)提升你的jQuery和javascript代碼具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
使用jQuery或者原生js實(shí)現(xiàn)鼠標(biāo)滾動(dòng)加載頁面新數(shù)據(jù)
這篇文章主要介紹了使用jQuery或者原生js實(shí)現(xiàn)鼠標(biāo)滾動(dòng)加載頁面新數(shù)據(jù)的方法,即控制滾動(dòng)條下拉時(shí)的加載事件,需要的朋友可以參考下2016-03-03
JQuery跨Iframe選擇實(shí)現(xiàn)代碼
JQuery跨Iframe選擇實(shí)現(xiàn),下面也通過用DOM方法與jquery方法結(jié)合的方式實(shí)現(xiàn)了，需要的朋友可以參考下。2010-08-08
如何確保JavaScript的執(zhí)行順序 之jQuery.html并非萬能鑰匙
在上一篇文章《如何確保JavaScript的執(zhí)行順序 - 之jQuery.html深度分析》中，我們揭示了jQuery.html函數(shù)之所以能在各種瀏覽器下保持動(dòng)態(tài)JS順序執(zhí)行，其秘密在于 – 同步AJAX獲取外部JavaScript。2011-03-03
jQuery幫助之CSS尺寸(五)outerHeight、outerWidth
在前面我們分別通過innerHeight()和innerWidth()來獲得第一個(gè)匹配元素內(nèi)部區(qū)域的高度和寬度，我們?cè)趹?yīng)用中往往除了需要內(nèi)部的尺寸，同樣還需要知道外部的高度和寬度.2009-11-11
jQuery實(shí)現(xiàn)帶3D切割效果的輪播圖功能示例【附源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶3D切割效果的輪播圖功能,結(jié)合實(shí)例形式分析了jQuery輪播圖相關(guān)的界面布局、3D效果實(shí)現(xiàn)與事件響應(yīng)等相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2019-04-04
本文主要分享了jQuery編寫網(wǎng)頁版2048小游戲的示例代碼，具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
jquery win 7透明彈出層效果的簡(jiǎn)單代碼
jquery win 7透明彈出層效果，點(diǎn)擊可以彈出一個(gè)透明層的jquery特效,插件可以調(diào)彈出框的寬度和高度，很不錯(cuò)的一個(gè)彈出層插件。2013-08-08