jquery內(nèi)div中能不能添加元素

這篇文章主要介紹jquery內(nèi)div中能不能添加元素，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

jquery中div能添加元素；可以利用append()方法添加元素，該方法用于在被選元素的結(jié)尾插入指定內(nèi)容，插入的內(nèi)容仍然在被選元素的內(nèi)部，語(yǔ)法為“div元素對(duì)象.append(添加的元素代碼)”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery內(nèi)div中能添加元素嗎

在jquery中，通過(guò)獲得div對(duì)象，使用append()方法便可以往div中添加元素。命名為test.html，用于講解jquery如何在div中添加元素。

使用div標(biāo)簽創(chuàng)建一個(gè)區(qū)域，下面將往該div內(nèi)添加元素。給div標(biāo)簽添加一個(gè)class屬性，用于下面獲得div對(duì)象。

使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行addny()函數(shù)。

創(chuàng)建addny()函數(shù)，在函數(shù)內(nèi)，通過(guò)class獲得div對(duì)象，使用append()方法給div添加一個(gè)p元素。

在瀏覽器打開(kāi)test.html文件，點(diǎn)擊按鈕，查看實(shí)現(xiàn)的效果。

點(diǎn)擊按鈕后：

總結(jié)：

1、使用div標(biāo)簽創(chuàng)建一個(gè)區(qū)域，給div標(biāo)簽添加一個(gè)class屬性。

2、在js標(biāo)簽中，通過(guò)class獲得div對(duì)象，使用append()方法給div添加一個(gè)p元素。

注意事項(xiàng)

append() 方法在被選元素的結(jié)尾(仍然在內(nèi)部)插入指定內(nèi)容。

以上是“jquery內(nèi)div中能不能添加元素”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！