可用jquery在div中新增標籤嗎
- 青灯夜游原創
- 2023-01-28 16:34:332049瀏覽
用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影片教學、web前端影片】
以上是可用jquery在div中新增標籤嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：node gm 報錯怎麼辦下一篇：node gm 報錯怎麼辦