在元素的内部插入节点

append /appendTo

• 作用：将元素添加到指定元素内部的最后面
  
• 不同点：写法相反

append

//创建一个新节点
let $li = $("<li>我是新增的li</li>")
//新节点添加到ul中
$("ul").append($li)

appendTo

/创建一个新节点
let $li = $("<li>我是新增的li</li>")
//新节点添加到ul中
$li.appendTo("ul")

prepend /prependTo

• 作用：将元素添加到指定元素内部的最前面
  
• 不同点：写法相反

prepend

//创建一个新节点
let $li = $("<li>我是新增的li</li>")
//新节点添加到ul中
$("ul").prepend($li)

prependTo

//创建一个新节点
let $li = $("<li>我是新增的li</li>")
//新节点添加到ul中
$li.prependTo("ul");

在元素的外部部插入节点

after /insertAfter

• 作用：将元素添加到指定元素外部的后面
  

• 不同点：写法相反
  after

  //创建一个新节点
  let $li = $("<li>我是新增的li</li>")
  //新节点添加到ul中
  $("ul").after($li);

• insertAfter

  //创建一个新节点
  let $li = $("<li>我是新增的li</li>")
  //新节点添加到ul中
  $li.insertAfter("ul")insertBefore

  外部前面插入新节点和after一样，改成before就行

jQuery删除节点方法

remove

• 作用：删除指定元素

  $("div").remove()
  $("li").remove(".item")
  //删除所有li中带item属性的元素