溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文實例講述了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相關內容感興趣的讀者可查看本站專題：《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數據技巧匯總》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
