站長資訊網
用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前端視頻】
