国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JQuery在頁面中添加和除移DOM示例代碼

2024-05-06 15:47:01
字體:
來源:轉載
供稿:網友
本文為大家介紹下使用JQuery實現在頁面中添加和除移DOM主要使用了以下幾個方法,感興趣的朋友可以了解下哈,希望對大家有所幫助

1.before():將新節點添加到前面

2.after():將節點添加到低部

3.prepend():把節點變成第一個節點

4.append():把新節點添加到末端,與appendTo()效果相同,只是語法上有差異

5.remove():除移節點

示例:

復制代碼 代碼如下:


<ul>
<li>
<h2>Hawaiian Vac</h2>
<button>Get Price</button>
</li>
</ul>


實現:

復制代碼 代碼如下:


<script type="text/javascript">
$(document).ready(function () {
$('.vacation').before(price); //將新節點添加到前面
$('.vacation').after(price);//將節點添加到低部
$('.vacation').prepend(price); //把節點變成<li>的第一個節
var price = $('<p>From $399.99</p>'); //在JQuery中創建一個dom
//$('.vacation').append(price); //把新節點添加到末端,等于price.appendTo($('.vacation'));,語法不同
price.appendTo($('.vacation'));//把新節點添加到末端
$('button').remove(); //除移節點
});
</script>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 长宁区| 探索| 油尖旺区| 渑池县| 永德县| 扎赉特旗| 新余市| 文水县| 宜君县| 泰宁县| 博罗县| 新巴尔虎右旗| 济源市| 曲沃县| 福海县| 分宜县| 志丹县| 武川县| 湖州市| 余姚市| 宜城市| 定兴县| 灵石县| 临泽县| 儋州市| 福鼎市| 岢岚县| 新闻| 江安县| 清流县| 剑川县| 靖州| 海南省| 大城县| 隆安县| 绥江县| 祁连县| 囊谦县| 浪卡子县| 永川市| 巴东县|