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()方法。

转载于:https://www.cnblogs.com/dying/p/3260124.html