通過jQuery添加新的內(nèi)容方法有多種，可以使用append()方法和prepend() 方法進(jìn)行在被選元素的結(jié)尾和開頭插入內(nèi)容。

推薦學(xué)習(xí)：【jQuery教程】

append()方法

append()方法在被選元素的結(jié)尾插入內(nèi)容

$(selector).append(content);
 標(biāo)簽 內(nèi)容

當(dāng)我們點(diǎn)擊button時(shí)在p元素的后面添加hello文字

$("button").click(function(){
$("p").append(" <b>Hello</b>");
})

除了append（）方法，還有一個(gè)appendTo()方法它倆都是表示在元素的結(jié)尾插入內(nèi)容但是當(dāng)使用appendTo()時(shí)被選元素就要與內(nèi)容反過來了

appendTo()方法

$(content).appendTo(selector)
 內(nèi)容 標(biāo)簽

當(dāng)我們點(diǎn)擊button時(shí)在p元素的后面添加hello文字

$("button").click(function(){
$("<b>Hello</b>").append(" p");
})

prepend() 方法

prepend() 方法在被選元素的開頭插入內(nèi)容,用法與append（）一樣

$(selector).prepend(content)
 標(biāo)簽 內(nèi)容

prependTo()方法

$(content).prependTo(selector)
 內(nèi)容 標(biāo)簽

代碼展示

點(diǎn)擊后效果圖

總結(jié)：

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com