作者:张铭标

撰写时间: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” 中的所有