您好,登錄后才能下訂單哦!
這篇文章主要介紹“jquery如何選擇第三個p元素”,在日常操作中,相信很多人在jquery如何選擇第三個p元素問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”jquery如何選擇第三個p元素”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
選擇第三個p元素的方法:1、用eq()選取索引號為2的p元素即可,語法“$("p").eq(2)”;2、用“:eq()”選取索引號為2的p元素即可,語法“$("p:eq(2)")”。元素索引號是從0開頭計(jì)數(shù)的,因此第三個元素的索引號為2。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery選擇第三個p元素
1、利用eq()方法
eq() 方法返回帶有被選元素的指定索引號的元素。索引號從 0 開頭,所以第一個元素的索引號是 0(不是 1)。
因此選擇第三個p元素,就是選擇索引號為2的p元素。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $("p").eq(2).css({ "color": "red", "border": "2px solid red" }); }); }); </script> </head> <body> <div> <h3>標(biāo)題</h3> <p>第1個p元素</p> <p>第2個p元素</p> <span>span元素</span> <p>第3個p元素</p> <p>第4個p元素</p> <p>第5個p元素</p> </div> <button>選擇第三個p元素</button> </body> </html>
2、利用“:eq()”選擇器
:eq() 選擇器和eq() 方法類似,都是選取帶有指定 索引 的元素。索引也從 0 開頭,所以第一個元素的索引號是 0(不是 1)。
同樣,使用:eq() 選擇索引號為2的p元素即可。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $("p:eq(2)").css({ "color": "red", "border": "2px solid pink" }); }); }); </script> </head> <body> <div> <h3>標(biāo)題</h3> <p>第1個p元素</p> <p>第2個p元素</p> <span>span元素</span> <p>第3個p元素</p> <p>第4個p元素</p> <p>第5個p元素</p> </div> <button>選擇第三個p元素</button> </body> </html>
到此,關(guān)于“jquery如何選擇第三個p元素”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注億速云網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。