首页 > 代码库 > 使用jq插入节点

使用jq插入节点

.append()和.appendTo()两种方法功能相同,主要的不同是语法——内容和目标的位置不同

append()前面是要选择的对象,后面是要在对象内插入的元素内容appendTo()前面是要插入的元素内容,而后面是要选择的对象

after()和before()

after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入

before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插

.prepend()和.prependTo()

.prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()).

.prepend()和.prependTo()实现同样的功能,主要的不同是语法,插入的内容和目标的位置不同

对于.prepend() 而言,选择器表达式写在方法的前面,作为待插入内容的容器,将要被插入的内容作为方法的参数

而.prependTo() 正好相反,将要被插入的内容写在方法的前面,可以是选择器表达式或动态创建的标记,待插入内容的容器作为参数。

empty()和remove()的区别

empty方法

  • 严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点
  • empty不能删除自己本身这个节点

remove方法

  • 该节点与该节点所包含的所有后代节点将同时被删除
  • 提供传递一个筛选的表达式,用来指定删除选中合集中的元素

使用jq插入节点