jQuery-筛选器

Posted 加号与剑豪

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery-筛选器相关的知识，希望对你有一定的参考价值。

<script>
$(document).ready(function(){
$("#but10").click(function(){
    $("p:first").toggle();        //("x:first")
  });    //第一个x 筛选器
  
  $("#but11").click(function(){
    $("p:not(#xxx)").toggle();        //("x:not(s)")     s:x的属性
  });    //不是x的s的 筛选器
  
  $("#but12").click(function(){
    $("p:even").toggle();        //("x:even")   查找1,3,5行  0,2,4计数
  });    //奇数行 筛选器
  
  $("#but13").click(function(){
    $("p:odd").toggle();        //("x:odd")   查找2,4,6行  1,3,5计数  
  });    //偶数行 筛选器
  
  $("#but14").click(function(){
    $("p:eq(2)").toggle();        //("x:eq(n)")  n:数字  0开始计数
  });    //查找x的第n行 筛选器
  
  $("#but15").click(function(){
    $("p:gt(2)").toggle();        //("x:gt(n)")
  });    //查找x的比n大的行数 筛选器
  
  $("#but16").click(function(){
    $("p:lang(xxx)").toggle();        //("x:lang(s)")   
  });    //x的lang=s和他的后代 筛选器
  
  $("#but17").click(function(){
    $("p:last").toggle();        //("x:last")
  });    //最后一个x 筛选择器
  
  $("#but18").click(function(){
    $("p:lt(2)").toggle();        //("x:lt(n)")
  });    //查找x的比n小的行数 筛选器
  
  //筛选器
  
  
  
  $("#but19").click(function(){
    $(":header").css("background", "red");        
  });    //给hx标题加上背景颜色
  
  
  
  $("#but20").click(function(){
  $("div").animate({ left: "+=20" });
});
  
  
  
  $("#but21").click(function(){
        //
  });    //
  
  
  
  $("#but22").click(function(){
    $(":root").css("background-color","yellow");        
  });    //给html加上背景颜色
  
  $("#but23").click(function(){
    $("p:first").toggle();        //("x:first")
  });    //
  
  //
  
  
  
});
</script>
<body>
<input id="but10" type="button" value="第一个">
<input id="but11" type="button" value="未选中">
<input id="but12" type="button" value="奇数">
<input id="but13" type="button" value="偶数">
<input id="but14" type="button" value="n行">
<input id="but15" type="button" value="比n大行">
<input id="but16" type="button" value="属性">
<input id="but17" type="button" value="最后一个">
<input id="but18" type="button" value="比n小">
<input id="but19" type="button" value="标题背景">
<input id="but20" type="button" value="动画">
<input id="but21" type="button" value="不会">
<input id="but22" type="button" value="背景颜色">
<input id="but23" type="button" value="不懂">
</body>

 

以上是关于jQuery-筛选器的主要内容，如果未能解决你的问题，请参考以下文章

jQuery-筛选器

jquery实现多条件筛选特效代码分享

jquery 选择器筛选器事件绑定与事件委派

jQuery应用 代码片段

Visual Studio 2012-2019的130多个jQuery代码片段。

jQuery学习总结02-筛选