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