jquery如何新增節點？
2020-11-19 15:07:09
方法：1、使用append()在被選元素的結尾插入內容節點；2、使用prepend()在被選元素的開頭插入內容節點；3、使用appendTo()在被選元素的結尾插入元素節點；4、使用prependTo()在被選元素的開頭插入元素節點。
相關推薦：《jQuery視訊》
jquery新增節點的方法
就拿這個簡單的小例子說明一下
1、append方法
<body>
<div>我是裡面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").append($("p"));//新增到元素內容的後面
})
</script>
2、prepend方法
<body>
<div>我是裡面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").prepend($("p"));//新增到元素內容的前面
})
</script>
3、appendTo方法
<body>
<div>我是裡面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("p").appendTo($("div"));//子元素新增到父元素裡,並且新增到父元素內容的後面面
})
</script> 
4、prependTo方法
<body>
<div>我是裡面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("p").prependTo($("div"));//子元素新增到父元素裡,並且新增到父元素內容的前面
})
</script> 
5、after方法
<body>
<div>我是裡面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").after($("p"));//新增到自己的後面
})
</script>
6、before方法
<body>
<div>我是裡面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").before($("p"));//新增到自己的前面
})
</script> 
好了~以上便是新增節點的幾個方法，都可以用，不過具體專案中可以根據情況來具體使用！
更多程式設計相關知識，請存取：！！
以上就是jquery如何新增節點？的詳細內容，更多請關注TW511.COM其它相關文章！