您好,登錄后才能下訂單哦!
本文實(shí)例講述了jQuery 查找元素操作。分享給大家供大家參考,具體如下:
1. id
// 通過id查找 $('#id')
2. class
<div class='c1'></div>
// 通過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é)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。