站長(zhǎng)資訊網(wǎng)
用jquery可以在div中添加標(biāo)簽。4種方法：1、使用append()在div元素的結(jié)尾插入子標(biāo)簽，語(yǔ)法“$("div").append(元素)”；2、使用prepend()在div元素的開(kāi)頭插入子標(biāo)簽，語(yǔ)法“$("div").prepend(元素)”；3、使用appendTo()在div元素的結(jié)尾插入子標(biāo)簽；4、使用prependTo()在div元素的開(kāi)頭插入子標(biāo)簽。
本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6版本、Dell G3電腦。
用jquery可以在div中添加標(biāo)簽，有4種方法：
-
append() 方法：向所選元素內(nèi)部的“末尾處”插入內(nèi)容。
-
prepend() 方法：向所選元素內(nèi)部的“開(kāi)始處”插入內(nèi)容。
-
appendTo() 方法：在被選元素的結(jié)尾（但仍在元素的內(nèi)部）插入指定的內(nèi)容。但不能使用函數(shù)來(lái)附加內(nèi)容。
-
prependTo() 方法：在被選元素的開(kāi)頭（但仍在元素的內(nèi)部）插入指定的內(nèi)容。
jquery添加節(jié)點(diǎn)的方法
就拿這個(gè)簡(jiǎn)單的小例子說(shuō)明一下
1、append方法
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("div").append($("p"));//添加到元素內(nèi)容的后面 }) </script>
登錄后復(fù)制
2、prepend方法
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("div").prepend($("p"));//添加到元素內(nèi)容的前面 }) </script>
登錄后復(fù)制
3、appendTo方法
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素內(nèi)容的后面面 }) </script>
登錄后復(fù)制
4、prependTo方法
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素內(nèi)容的前面 }) </script>
登錄后復(fù)制
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
