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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,811评论 0 44
  • jQuery模块 选择器、DOM操作、事件、AJAX与动画 匿名函数自执行 作用:解决命名空间与变量污染的问题 总...
    青青玉立阅读 4,402评论 0 0
  • http://www.imooc.com/static/lib/jquery/1.9.1/jquery.js js...
    再见理想冷雨夜阅读 3,321评论 0 1
  • 一:认识jquery jquery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Aj...
    xuguibin阅读 5,627评论 1 7
  • 第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...
    mo默22阅读 4,284评论 0 8