jQuery :gt() 选择器; empty()与remove

gt()定义

:gt(index) 选择器选取 index 值大于指定数字的元素。
index 值从 0 开始
经常与其他元素/选择器一起使用，来选择指定的组中特定序号之后的元素

<div id = "div">
  <p>这是一个段落</p>
  <p>这是一个段落</p>
  <p>这是一个段落</p>
  <p>这是一个段落</p>
</div>

<script>
  $('#div p:gt(0)').remove()  //删除div父级元素中除了第一个p元素以为的其他元素
</script>

empty()与remove()的区别

empty()和remove()都可以用来删除指定元素，他们的区别是empty()是只移除了 指定元素中的所有子节点，拿$("p").empty()来说，他只是把<p>dsfsd</p>中的文本给移除了，而留下 了<p></p>,仍保留其在dom中所占的位置。remove()则是把其从dom中删除，不会保留其所占位置。

<p>文本</p>
world
<p>文本</p>

执行完$('p').empty()后的结果是

<p></p>
world
<p></p>

而执行完$('p').remove()后的结果是

world