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

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

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

在jquery中，通過獲得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)，通過class獲得div對(duì)象，使用append()方法給div添加一個(gè)p元素。

在瀏覽器打開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)簽中，通過class獲得div對(duì)象，使用append()方法給div添加一個(gè)p元素。

注意事項(xiàng)

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

相關(guān)視頻教程推薦：jQuery視頻教程