jQuery 查找元素操作實(shí)例小結(jié)
更新時(shí)間：2019年10月02日 11:59:30 作者：kevin.Xiang
這篇文章主要介紹了jQuery 查找元素操作,結(jié)合實(shí)例形式總結(jié)分析了jQuery針對(duì)頁(yè)面元素的各種常見(jiàn)查找操作實(shí)現(xiàn)方法,需要的朋友可以參考下
本文實(shí)例講述了jQuery 查找元素操作。分享給大家供大家參考，具體如下：
1. id
// 通過(guò)id查找
$('#id')
2. class
<div class='c1'></div>
// 通過(guò)class查找
$('.c1')
3. 標(biāo)簽、組合
<div id='i1' class='c1'> <a>x</a> </div> <div class='c1'> <div class='c2'>x</div> </div>
// 標(biāo)簽：找到所有a標(biāo)簽
$('a')
4. 層級(jí)
<div>up</div>
<div id='i10'>
<div>
<a>x</a>
</div>
<a>x</a>
<a>x</a>
</div>
<div>down</div>
// 以" "分割
// 查找指定id標(biāo)簽下的所有a標(biāo)簽
$('#i10 a')
// 以">"分割
// 查找指定id標(biāo)簽下子標(biāo)簽下的所有標(biāo)簽
$('#i10>div')
// 以"+"分割
// 查找指定id標(biāo)簽同級(jí)下的下一個(gè)div標(biāo)簽
$('#i10+div')
// 以"~"分割
// 查找指定id標(biāo)簽同級(jí)的所有div標(biāo)簽
$('#i10~div')
5. :first
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
// 獲取匹配的第一個(gè)元素
$('li:first');
// 塞選某個(gè)ID下標(biāo)簽下的第一個(gè)元素
$('#ID>標(biāo)簽:first')
6. :eq(index)
<table> <tr><td>Header 1</td></tr> <tr><td>Value 1</td></tr> <tr><td>Value 2</td></tr> </table>
// 匹配一個(gè)給定索引值的元素
$("tr:eq(1)")
7. :last()
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
// 獲取最后個(gè)元素
$('li:last')
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery常見(jiàn)事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jquery實(shí)現(xiàn)背景墻聚光燈效果示例分享
這篇文章主要介紹了jquery實(shí)現(xiàn)背景墻聚光燈效果示例,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了jQuery實(shí)現(xiàn)的放大鏡效果,結(jié)合實(shí)例形式分析了jQuery插件zoom.js實(shí)現(xiàn)放大鏡功能的相關(guān)操作技巧,需要的朋友可以參考下2016-09-09
jquery遍歷之parent()和parents()的區(qū)別及parentsUntil()方法詳解
這篇文章主要介紹了jquery遍歷之parent()和parents()的區(qū)別及parentsUntil()方法。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
當(dāng)鼠標(biāo)移動(dòng)時(shí)出現(xiàn)特效的JQuery代碼
當(dāng)鼠標(biāo)移動(dòng)時(shí)出現(xiàn)特效，在某些情況下還是比較實(shí)現(xiàn)的，下面為大家介紹下通過(guò)JQuery是如何實(shí)現(xiàn)的，具體如下，感興趣的朋友可以參考下2013-11-11
在高版本的jquery引入prop方法后，什么時(shí)候該用prop？什么時(shí)候用attr？它們兩個(gè)之間有什么區(qū)別？這些問(wèn)題就出現(xiàn)了。下面這篇文章主要給大家介紹了Jquery中attr與prop區(qū)別的相關(guān)資料，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-05-05
jQuery實(shí)現(xiàn)的淡入淡出二級(jí)菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的淡入淡出二級(jí)菜單效果代碼,涉及jQuery中fadeIn及fadeOut的相關(guān)使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
jquery ui dialog替代confirm實(shí)例分析
這篇文章主要介紹了jquery ui dialog替代confirm的實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了jQuery ui插件的dialog模擬confirm功能的具體步驟與實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-01-01
jQuery鏈?zhǔn)秸{(diào)用與show知識(shí)淺析
這篇文章主要介紹了jQuery的XX如何實(shí)現(xiàn)？——2.show與鏈?zhǔn)秸{(diào)用 的相關(guān)資料，非常具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
冒泡事件就是點(diǎn)擊子節(jié)點(diǎn)，會(huì)向上觸發(fā)父節(jié)點(diǎn)，祖先節(jié)點(diǎn)的點(diǎn)擊事件，有需要的朋友可以參考一下2013-10-10
剛看到個(gè)問(wèn)題，如何得知同時(shí)按下了哪幾個(gè)鍵以及按鍵順序（難道是格斗游戲的組合鍵？），其實(shí)jQuery實(shí)現(xiàn)起來(lái)是很簡(jiǎn)單的。2010-03-03