您好,登錄后才能下訂單哦!
小編給大家分享一下怎么用jquery選擇節(jié)點(diǎn)下的第幾個(gè)子元素,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
用jquery選擇節(jié)點(diǎn)下的第幾個(gè)子元素的方法:首先打開相應(yīng)的代碼文件;然后在jquery中使用“:eq()”選擇器選擇節(jié)點(diǎn)下的指定子元素即可,其語法如“$("p:eq(1)").css("background-color"...)”。
jquery中可以使用:eq()選擇器選擇節(jié)點(diǎn)下的指定子元素,:eq()選擇器選取帶有指定index值的元素。index 值從 0 開始,所有第一個(gè)元素的 index 值是 0(不是 1)。
此方法經(jīng)常與其他元素/選擇器一起使用,來選擇指定的組中特定序號(hào)的元素。
示例:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p:eq(1)").css("background-color","#B2E0FF"); }); </script> </head> <body> <html> <body> <h2>Welcome to My Homepage</h2> <p class="intro">My name is Donald</p> <p>I live in Duckburg</p> <p>My best friend is Mickey</p> <div id="choose"> Who is your favourite: <ul> <li>Goofy</li> <li>Mickey</li> <li>Pluto</li> </ul> </div> </body> </html> </body> </html>
以上是“怎么用jquery選擇節(jié)點(diǎn)下的第幾個(gè)子元素”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(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)容。