亚洲精品久久久久久第一页-人妻少妇精彩视品一区二区三区-91国产自拍免费视频-免费一级a在线播放视频正片-少妇天天日天天射天天爽-国产大屁股喷水视频在线观看-操美女骚穴抽插性爱视频-亚洲 欧美 中文字幕 丝袜-成人免费无码片在线观看

  1. 首頁(yè) > 生活知識(shí) > >

js數(shù)組刪除元素的方法 jquery數(shù)組添加元素

生活百科

jquery 中有很多種追加元素的方法，今天就介紹幾種最常用的，做個(gè)筆記，記錄一下 。
jQuery append() 方法append()：方法可以在被選元素的內(nèi)部的結(jié)尾處插入內(nèi)容
語(yǔ)法：
$(selector).append(content)例：jq在元素內(nèi)部的結(jié)尾處追加元素
代碼：
<!DOCTYPE html><html><head> <script src="http://pic.aipaogen.com/231110/0G2593194-0.jpg" type="text/javascript"></script></head><body><div id="mochu"> <div>我是原來(lái)的內(nèi)容</div> <div>飛鳥(niǎo)慕魚(yú)博客</div></div><script> $('#mochu').append('<p>我要是插入的內(nèi)容</p>');</script></body></html>代碼運(yùn)行結(jié)果，如下圖

js數(shù)組刪除元素的方法 jquery數(shù)組添加元素

文章插圖
注：
1、如果使用JS動(dòng)態(tài)修改HTML元素后，只能在瀏覽器的控制臺(tái)中查看
2、查看方法：瀏覽器 按 F12
jQuery prepend() 方法jQuery prepend()：方法在被選元素內(nèi)部的起始位置插入內(nèi)容
語(yǔ)法：
$(selector).prepend(content)例：JQ在元素內(nèi)部的開(kāi)始位置追加HTML元素
代碼：
<!DOCTYPE html><html><head> <script src="http://pic.aipaogen.com/231110/0G2593194-0.jpg" type="text/javascript"></script></head><body><div id="mochu"> <div>我是原來(lái)的內(nèi)容</div> <div>飛鳥(niǎo)慕魚(yú)博客</div></div><script> $('#mochu').prepend('<p>我是利用prepend方法插入的內(nèi)容</p>');</script></body></html>運(yùn)行結(jié)果如下圖：
js數(shù)組刪除元素的方法 jquery數(shù)組添加元素

文章插圖
jQuery before() 方法jQuery before()：方法在被選元素的前面插入元素 ， 形成兄弟節(jié)點(diǎn)
語(yǔ)法：
$(selector).before(content)例：jq在指定元素前面追加內(nèi)容
代碼：
<!DOCTYPE html><html><head> <script src="http://pic.aipaogen.com/231110/0G2593194-0.jpg" type="text/javascript"></script></head><body><div id="mochu"> <div>我是原來(lái)的內(nèi)容</div> <div>飛鳥(niǎo)慕魚(yú)博客</div></div><script> $('#mochu').before('<p>我是利用before方法插入的內(nèi)容</p>');</script></body></html>代碼運(yùn)行結(jié)果：
js數(shù)組刪除元素的方法 jquery數(shù)組添加元素

文章插圖
jQuery after() 方法jQuery after()：方法在被選元素的后面插入內(nèi)容，形成兄弟節(jié)點(diǎn)的關(guān)系 。
語(yǔ)法：
$(selector).after(content)例：JQ在指定元素的后面插入內(nèi)容
<!DOCTYPE html><html><head> <script src="http://pic.aipaogen.com/231110/0G2593194-0.jpg" type="text/javascript"></script></head><body><div id="mochu"> <div>我是原來(lái)的內(nèi)容</div> <div>飛鳥(niǎo)慕魚(yú)博客</div></div><script> $('#mochu').after('<p>我是利用after方法追加的內(nèi)容</p>');</script></body></html>【js數(shù)組刪除元素的方法 jquery數(shù)組添加元素】代碼運(yùn)行結(jié)果：
js數(shù)組刪除元素的方法 jquery數(shù)組添加元素

文章插圖


    以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問(wèn)題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!

    「愛(ài)刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：