用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中文網其他相關文章!