可用jquery在div中新增標籤嗎
2023-01-28 18:00:53
用jquery可以在div中新增標籤。4種方法：1、使用append()在div元素的結尾插入子標籤，語法「$("div").append(元素)」；2、使用prepend()在div元素的開頭插入子標籤，語法「$("div").prepend(元素)」；3、使用appendTo()在div元素的結尾插入子標籤；4、使用prependTo()在div元素的開頭插入子標籤。
本教學操作環境：windows7系統、jquery3.6版本、Dell G3電腦。
用jquery可以在div中新增標籤，有4種方法：
append() 方法：向所選元素內部的「末尾處」插入內容。
prepend() 方法：向所選元素內部的「開始處」插入內容。
appendTo() 方法：在被選元素的結尾（但仍在元素的內部）插入指定的內容。但不能使用函數來附加內容。
prependTo() 方法：在被選元素的開頭（但仍在元素的內部）插入指定的內容。
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>登入後複製 
【推薦學習：、】
以上就是可用jquery在div中新增標籤嗎的詳細內容，更多請關注TW511.COM其它相關文章！