码迷,mamicode.com
首页 > Web开发 > 详细

jQuery-筛选器

时间:2017-02-15 00:23:44      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:style   log   奇数   yellow   function   cti   read   not   inpu   

<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-筛选器

标签:style   log   奇数   yellow   function   cti   read   not   inpu   

原文地址:http://www.cnblogs.com/yjh1604600160/p/x3.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!