使用jQuery进行添加和删除元素的方法使用

作者：张铭标

撰写时间：2019年8月 17日

一.
添加元素

添加元素总共有4个方法:

append()

• 在被选元素内部的结尾插入指定内容

prepend()

• 在被选元素内部的开头插入指定内容

after()

• 在被选元素之后插入内容

before()

• 在被选元素之前插入内容

1.append()方法:

$(“p”).append(“在被选元素的末尾插入内容”);

prepend()方法:

$(“p”).prepend(“在被选元素的开头插入内容”);

after()

$(“button”).after(“在后面添加文本”);

before()

$(“button”).before(“在前面添加文本”);

在上面这些例子中,都是在前面和后面添加文本,既然可以添加文本当然也是可以在其中添加元素的,而且可以通过参数来接收无限数量的新元素.

还有一点需要注意的是：在jQuery中，append/prepend 是在选择元素内部嵌入，而after/before 是在元素外面追加。

二.
删除元素

删除元素的内容主要是要使用remove()和empty()方法来实现:

remove()方法:

remove()

• 删除被选元素（及其子元素）

$("#shili1").remove();//删除被选元素以及子元素

empty()方法:

empty()

• 从被选元素中删除子元素

$("#shili1").empty();//删除被选元素的子元素而被选元素则不会被删除

您也可以多要被删除的元素进行过滤:

$(“div”).remove(".me");//删除
class=“me” 中的所有

元素.