jQuery 添加/删除元素

一、jQuery 添加元素

1、jQuery append() 方法在被选元素的结尾插入内容。

<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("p").append(" <b>追加文本</b>。");
  });
});
</script>

2、jQuery prepend() 方法在被选元素的开头插入内容。

3、jQuery after() 方法在被选元素之后插入内容。

4、jQuery before() 方法在被选元素之前插入内容。

二、jQuery 删除元素

1、jQuery remove() 方法删除被选元素及其子元素。

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").remove();
  });
});
</script>

2、jQuery empty() 方法删除被选元素的子元素。