zoukankan      html  css  js  c++  java
  • Jquery选择器,操作DOM

      刚接触jQuery,她真的是个好东西,操作DOM,修改样式,都很方便,主要获取DOM树的类和子代很方便。

      今天用jq做了tab面包屑,不过用的是别人的代码,自己修改的,不错也做出来了,原理也有些明白,不过刚接触,到时间自己些一个,今天主要删除没用的div标记。

    <div id="top">
      <div class="a1"></div>
      <div class="a2"></div>
      <div class="a3"></div>
      <div class="a4"></div>
      <div class="a5"></div>
      <div class="a6"></div>
      <div class="a7"></div>
      <div class="a8"></div>
      <div class="a9"></div>
      <div class="a10"></div>
    </div>

    第一:删除a5以后的div标签。

       

     $('div#top>div:gt(5)').remove();

    第二:删除a1,a2,a3这三个div标签

    $('div#top>div').not($("div#top>div").slice(3,9)).remove();

      或者

    $('div#top>div').slice(0,2).remove();

    第三: 删除a4,a5,a6三个div标签

     $('div#top>div').slice(2,5).remove();

    第四:删除除了a4,a5,a6的其他div标签

     $('div#top>div').not($('div#top>div').slice(2,5)).remove();

         或许今天就学会了连个筛选器 .not()和.slice(),另外和remove()方法。

    Live Like You're Dying And Never Stop Tying
  • 相关阅读:
    学习进度条64
    学习进度条63
    学习进度条62
    学习进度条61
    学习进度条60
    学习进度条59
    学习进度条58
    学习进度条57
    学习进度条56
    学习进度条55
  • 原文地址:https://www.cnblogs.com/dying/p/3260124.html
Copyright © 2011-2022 走看看