JQuery在頁(yè)面中添加和除移DOM示例代碼
2.after():將節(jié)點(diǎn)添加到低部
3.prepend():把節(jié)點(diǎn)變成第一個(gè)節(jié)點(diǎn)
4.append():把新節(jié)點(diǎn)添加到末端,與appendTo()效果相同,只是語(yǔ)法上有差異
5.remove():除移節(jié)點(diǎn)
示例:
<ul>
<li class="vacation">
<h2>Hawaiian Vac</h2>
<button>Get Price</button>
</li>
</ul>
實(shí)現(xiàn):
<script type="text/javascript">
$(document).ready(function () {
$('.vacation').before(price); //將新節(jié)點(diǎn)添加到前面
$('.vacation').after(price);//將節(jié)點(diǎn)添加到低部
$('.vacation').prepend(price); //把節(jié)點(diǎn)變成<li>的第一個(gè)節(jié)
var price = $('<p>From $399.99</p>'); //在JQuery中創(chuàng)建一個(gè)dom
//$('.vacation').append(price); //把新節(jié)點(diǎn)添加到末端,等于price.appendTo($('.vacation'));,語(yǔ)法不同
price.appendTo($('.vacation'));//把新節(jié)點(diǎn)添加到末端
$('button').remove(); //除移節(jié)點(diǎn)
});
</script>
相關(guān)文章
jQuery插件zTree實(shí)現(xiàn)更新根節(jié)點(diǎn)中第i個(gè)節(jié)點(diǎn)名稱的方法示例
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)更新根節(jié)點(diǎn)中第i個(gè)節(jié)點(diǎn)名稱的方法,結(jié)合實(shí)例形式分析了樹(shù)形插件zTree針對(duì)節(jié)點(diǎn)的更新操作相關(guān)技巧,需要的朋友可以參考下2017-03-03jQuery:節(jié)點(diǎn)(插入,復(fù)制,替換,刪除)操作
jQuery:節(jié)點(diǎn)(插入,復(fù)制,替換,刪除)操作,需要的朋友可以參考一下2013-03-03jQuery實(shí)現(xiàn)可拖拽的許愿墻效果【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)可拖拽的許愿墻效果,可實(shí)現(xiàn)拖拽圖片與層疊顯示功能,涉及jQuery插件的簡(jiǎn)單使用,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09jquery移動(dòng)端TAB觸屏切換實(shí)現(xiàn)效果
這篇文章主要介紹了jquery移動(dòng)端TAB觸屏切換實(shí)現(xiàn)效果案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-10-10jQuery-mobile事件監(jiān)聽(tīng)與用法詳解
這篇文章主要介紹了jQuery-mobile事件監(jiān)聽(tīng)與用法,結(jié)合實(shí)例形式分析了jQuery-mobile各種常見(jiàn)事件類型與使用技巧,需要的朋友可以參考下2016-11-11EasyUI Datebox 日期驗(yàn)證之開(kāi)始日期小于結(jié)束時(shí)間
這篇文章主要介紹了EasyUI Datebox 日期驗(yàn)證之開(kāi)始日期小于結(jié)束時(shí)間,需要的朋友可以參考下2017-05-05jQuery EasyUI 折疊面板accordion的使用實(shí)例(分享)
下面小編就為大家分享一篇jQuery EasyUI 折疊面板accordion的使用實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12jquery實(shí)現(xiàn)頂部向右伸縮的導(dǎo)航區(qū)域代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)頂部向右伸縮的導(dǎo)航區(qū)域代碼,涉及jquery鼠標(biāo)click點(diǎn)擊事件及頁(yè)面元素動(dòng)態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09web前端開(kāi)發(fā)JQuery常用實(shí)例代碼片段(50個(gè))
本文給大家展示50個(gè)jquery代碼片段,這些代碼能夠給你的javascript項(xiàng)目提供幫助,需要的朋友快來(lái)學(xué)習(xí)一下吧2015-08-08