jQuery基本过滤选择器

:animated Selector

选择所有和选择器同时在运行的动画元素


:eq() Selector

选择匹配元素集合中索引为n的元素

译者注:匹配给定索引值的元素,索引值是从0开始的。


:even Selector

选择所有索引值为偶数的元素,同见odd.

译者注:选择匹配元素中索引值为偶数的元素,索引值是从0开始的。


:first Selector

选择第一个匹配的元素


:focus selector

选择正在被focused的元素


:gt() Selector

选择所有比给定索引值大的匹配元素

译者注:匹配所有大于给定索引值的元素,索引值是从0开始的。


:header Selector

选择所有的标题元素比如h1,h2,h3等等


:last Selector

选择最后一次匹配的元素


:lt() Selector

选择所有比给定索引值小的所有匹配的元素


:not() Selector

选择所有和给定选择器不匹配的元素


:odd Selector

选择所有索引值为奇数的元素,同见even



<script>
    $("#run").click(function(){//改变所有正在运行动画的div元素的颜色
      $("div:animated").toggleClass("colored");
    });
    function animateIt() {
      $("#mover").slideToggle("slow", animateIt);
    }
    animateIt();
</script>
<script>
$("td:eq(2)").css("color", "red");//查找第三个td
</script>
<script>
$("tr:even").css("background-color", "#bbbbff");//查找index是偶数的table行,匹配第一,第三行等等(索引是0,2,4等)
</script>
<script>
$("tr:first").css("font-style", "italic");//查找第一行
</script>
 <script>
$( "#content" ).delegate( "*", "focus blur", function( event ) {//添加class到所有focus的元素上
    var elem = $( this );
    setTimeout(function() {
       elem.toggleClass( "focused", elem.is( ":focus" ) );
    }, 0);
});
</script>
<script>
$("td:gt(4)").css("text-decoration", "line-through");//查找TD#5(元素的text值)或更高,记住:索引从0开始
</script>
<script>
$(":header").css({ background:'#CCC', color:'blue' });//给页面上的所有标题元素添加背景和文本颜色
</script>
<script>
$("tr:last").css({backgroundColor: 'yellow', fontWeight: 'bolder'});//查找最后一个table行
</script>
<script>
$("td:lt(4)").css("color", "red");//查找比索引值4小的所有TD元素
</script>
<script>
  $("input:not(:checked) + span").css("background-color", "yellow");
  $("input").attr("disabled", "disabled");//查找所有未被checked的元素,并给下一个同级span元素添加highlights。注意,当点击checkboxes的时候不会有所改变,因为没有单击事件被关联
</script>
<script>
$("tr:odd").css("background-color", "#bbbbff");//查找索引为奇数的table行,匹配第二,第四等等行(索引是1,3,5等等)
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值