1.添加新的 HTML 內(nèi)容????
append/prepend 是在選擇元素內(nèi)部嵌入。
after/before 是在元素外面追加。
我們將學(xué)習(xí)用于添加新內(nèi)容的四個(gè) jQuery 方法:
append() - 在被選元素的結(jié)尾插入內(nèi)容
prepend() - 在被選元素的開(kāi)頭插入內(nèi)容
after() - 在被選元素之后插入內(nèi)容
before() - 在被選元素之前插入內(nèi)容
我們創(chuàng)建若干個(gè)新元素。這些元素可以通過(guò) text/HTML、jQuery 或者 JavaScript/DOM 來(lái)創(chuàng)建。然后我們通過(guò) append() 方法把這些新元素追加到文本中(對(duì) prepend() 同樣有效):
function appendText()
{var txt1="文本。"; // 使用 HTML 標(biāo)簽創(chuàng)建文本
var txt2=$("").text("文本。"); // 使用 jQuery 創(chuàng)建文本
var txt3=document.createElement("p");
txt3.innerHTML="文本。"; // 使用 DOM 創(chuàng)建文本text with DOM
$("body").append(txt1,txt2,txt3); // 追加新元素
}
2.刪除元素
? jQuery remove() 方法
jQuery remove() 方法刪除被選元素及其子元素。
?? jQuery empty() 方法
jQuery empty() 方法刪除被選元素的子元素。