美文网首页JavaScript 进阶营前端开发笔记
jQuery :gt() 选择器; empty()与remove

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

作者: 哎呦_連啓 | 来源:发表于2019-05-13 23:34 被阅读34次

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

相关文章

网友评论

    本文标题:jQuery :gt() 选择器; empty()与remove

    本文链接:https://www.haomeiwen.com/subject/pbbdaqtx.html