您好,登錄后才能下訂單哦!
今天小編給大家分享一下jquery怎么通過索引值操作html元素的相關(guān)知識點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
eq() :返回帶有被選元素的指定索引號的元素。注意:索引號從 0 開頭,所以第一個(gè)元素的索引號是 0(不是 1)。
remove(): 移除被選元素,包括所有文本和子節(jié)點(diǎn)。
html():返回或設(shè)置被選元素的內(nèi)容。
attr():設(shè)置或返回被選元素的屬性值。如attr("class", "aaa time")
prepend():被選元素的開頭(仍位于內(nèi)部)插入指定內(nèi)容。
animationend 事件:在 CSS 動(dòng)畫完成后觸發(fā)。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .aaa { color: red; animation: mymove 4s } @keyframes mymove { 25% { font-size: 30px; color: chartreuse } 50% { color: blue } } </style> </head> <body> <div id="person"> <div><span id="t1" class="time">小明</span></div> <div id="t2"><span class="time">小濤</span></div> <div><span class="time">小花</span></div> <div><span class="time">小剛</span></div> <div><span class="time">小狗</span></div> <div><span class="time">小毛</span></div> </div> <script src="jquery-1.7.1.min.js"></script> <script> // 1.移除頁面上class=time的索引值為2的元素 $(".time").eq(2).remove() // 2.設(shè)置頁面上class=time的索引值為0的元素的內(nèi)容為9999 $(".time").eq(0).html(9999) // 3.設(shè)置頁面上class=time的索引值為1的元素的class="aaa time" $(".time").eq(1).attr("class", "aaa time") // 4.隱藏頁面上class=time的索引值為4的元素 $(".time").eq(4).hide() // 5.往id=person的標(biāo)簽中第一行插入html var name = "maidu" $("#person").prepend("<div><span class='time' id=" + name + ">" + name + "</span></div>") // 6.監(jiān)聽動(dòng)畫,當(dāng)動(dòng)畫結(jié)束后去掉class=aaa document.getElementsByClassName("time")[2].addEventListener('animationend', function (e) { this.classList.remove("aaa") }) </script> </body> </html>
以上就是“jquery怎么通過索引值操作html元素”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學(xué)習(xí)更多的知識,請關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。