1.添加新的 HTML 内容
append/prepend 是在选择元素内部嵌入。
after/before 是在元素外面追加。
我们将学习用于添加新内容的四个 jQuery 方法:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
我们创建若干个新元素。这些元素可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建。然后我们通过 append() 方法把这些新元素追加到文本中(对 prepend() 同样有效):
function appendText()
{var txt1="文本。"; // 使用 HTML 标签创建文本
var txt2=$("").text("文本。"); // 使用 jQuery 创建文本
var txt3=document.createElement("p");
txt3.innerHTML="文本。"; // 使用 DOM 创建文本text with DOM
$("body").append(txt1,txt2,txt3); // 追加新元素
}
2.删除元素
jQuery remove() 方法
jQuery remove() 方法删除被选元素及其子元素。
jQuery empty() 方法
jQuery empty() 方法删除被选元素的子元素。