jQuery 查找元素操作實例小結
更新時間：2019年10月02日 11:59:30 作者：kevin.Xiang
這篇文章主要介紹了jQuery 查找元素操作,結合實例形式總結分析了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')
更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴展技巧總結》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
相關文章
JQuery移動頁面開發(fā)之屏幕方向改變與滾屏的實現(xiàn)
這篇文章主要介紹了JQuery移動頁面開發(fā)之隨屏幕方向改變與滾屏的實現(xiàn),通過相關兩個事件的添加來達到響應移動設備上操作的效果,需要的朋友可以參考下2015-12-12
在高版本的jquery引入prop方法后，什么時候該用prop？什么時候用attr？它們兩個之間有什么區(qū)別？這些問題就出現(xiàn)了。下面這篇文章主要給大家介紹了Jquery中attr與prop區(qū)別的相關資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-05-05
jQuery插件uploadify實現(xiàn)ajax效果的圖片上傳
本文主要介紹使用jQuery插件uploadify實現(xiàn)ajax效果的圖片上傳的功能，有需要的朋友可以參考一下。2016-06-06
jQuery是一個快捷簡便的JavaScript框架，說道框架可以直接理解為就是對原來底層的東西進行了封裝使得開發(fā)者能夠利用這個框架快速開發(fā)。2010-11-11
這篇文章主要介紹了基于jQuery實現(xiàn)掛號平臺首頁源碼,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2020-01-01
本篇文章主要介紹了jQuery之動畫效果，詳細的介紹了各種動畫特效的用法，有需要的可以了解一下。2016-11-11
zTree 是利用 JQuery 的核心代碼，實現(xiàn)一套能完成大部分常用功能的 Tree 插件，本文給大家簡單介紹下ztree的基本知識，感興趣的朋友一起看看吧2017-07-07
jQuery實現(xiàn)的手機發(fā)送驗證碼倒計時效果代碼分享
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)手機注冊發(fā)送驗證碼倒計時功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-08-08
JQuery.uploadify 上傳文件插件的使用詳解 for ASP.NET
今天下午整理文件上傳的例子，感覺收集到的例子都很不人性話，后來找到一個還可以的，本來想改成類似于騰訊QQ相冊那種方式，仔細看了一下是Flash的, 而且那個極速上傳插件也不知道用什么做的？問了一下，說是什么cgi. 搞得一頭霧水2010-01-01
jQuery通過ajax請求php遍歷json數(shù)組到table中的代碼(推薦)
這篇文章主要介紹了jQuery通過ajax請求php遍歷json數(shù)組到table中代碼(推薦)的相關資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06