jQuery - 添加元素，删除元素

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() 方法删除被选元素的子元素。