jQuery中的gt和lt

<body>
    <table style="width: 200px;">
        <tr>
            <td>姓名</td>
            <td>分数</td>
        </tr>
        <tr>
            <td>小明</td>
            <td>100</td>
        </tr>
        <tr>
            <td>小张</td>
            <td>99</td>
        </tr>
        <tr>
            <td>小方</td>
            <td>98</td>
        </tr>
        <tr>
            <td>小圆</td>
            <td>97</td>
        </tr>
        <tr>
            <td>小壮</td>
            <td>96</td>
        </tr>
        <tr>
            <td>小张</td>
            <td>95</td>
        </tr>
    </table>
</body>

首先我们要明确,gt,lt计数都是下标从0开始,而且不论大小小于,都不包括它自己本身。

①$("tr:lt(3)").css("backgroundColor", "yellow");

姓名,小明,小张(0,1,2)三行黄

 

②$("tr:gt(0):lt(3)").css("backgroundColor", "yellow");

我们要注意的是,gt(0)以后,索引为0的已经被排除了,那么剩下的有重新计数,下标又从0开始。

小明,小张,小方(0,1,2)三行黄

 

③$("tr:gt(3):lt(2)").css("backgroundColor", "yellow");

   1 大于3,找到小圆。

   2 小圆,小壮,小张(0,1,2),

   3 小于2,小圆,小壮(0,1)黄。

时间: 2024-10-25 22:07:01

jQuery中的gt和lt的相关文章

jQuery中$.extend()用法实例

  本文实例讲述了jQuery中$.extend()用法.分享给大家供大家参考.具体分析如下: $.extend()方法定义如下: jQuery.extend([deep], target, object1, [objectN]) 用一个或多个其他对象来扩展一个对象,返回被扩展的对象. 如果不指定target,则给jQuery命名空间本身进行扩展.这有助于插件作者为jQuery增加新方法. 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象.否则的话,副本

jquery中toggle函数交替使用问题

  jQuery 的toggle()函数使用show()或hide()函数来切换HTML元素的可见状态.今天我们来探讨下jquery中toggle函数交替使用问题 html中有几个btn触发toggle函数,想要实现的功能是:点击每个toggle时将其他toggle函数的计数全部清零,试过removedata不起作用,是否有更好的办法呢 给大家一个实例来参考下吧 请参考这个:jsp页面 ? 1 2 3 4 5 6 7 8 <li> <label class="labelText

jquery中ready()函数执行的时机和window的load事件比较

  这篇文章主要介绍了jquery中ready()函数执行的时机和window的load事件比较的相关资料,需要的朋友可以参考下 jquery的ready()实现的是 DOMContentLoaded 事件,DOMContentLoaded与window load事件的区别 简单的说ready()是在文档加载完成就会触发,此时图片等资源可能还没有完全加载, load是在所有资源都加载完成后才会触发 看下ready函数的代码就什么都清楚了.下面的代码加上了注释: ? 1 2 3 4 5 6 7 8

浅谈jquery中delegate()与live()

  这篇文章主要介绍了浅谈jquery中delegate()与live()的相关资料,需要的朋友可以参考下 delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序 例如给id是showspan的div中的span标签添加事件 ? 1 2 3 4 5 6 7 8 9 10 <div id="showspan"><span>showspan**showspan</span></div> <span>

JQuery中模拟image的ajaxPrefilter与ajaxTransport处理

  这篇文章主要介绍了JQuery中模拟image的ajaxPrefilter与ajaxTransport处理,本文直接给出模拟实现代码,代码中包含详细注释,需要的朋友可以参考下 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56

JQuery中DOM加载与事件执行实例分析

 JavaScript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的.当文档或者它的某些元素发生某些变化或操作时,浏览器会自动生成一个事件.例如当浏览器装载完一个文档后,会生成事件:当用户单击某个按钮时,也会生成事件.虽然利用传统的JavaScript事件能完成这些交互,但jQuery增加并扩展了基本的事件处理机制.jQuery不仅提供了更加优雅的事件处理语法,而且极大地增强了事件处理能力. 以浏览器装载文档为例,在页面加载完毕后,浏览器会通过JavaScript为DOM元素

JQuery中DOM事件绑定用法详解

 在文档加载完成后,如果打算为元素绑定事件来完成某些操作,则可以使用bind()方法来对匹配元素进行特定事件的绑定,bind()方法的调用格式为: bind( type [, data] , fn); bind()方法有3个参数,说明如下. 第1个参数是事件类型,类型包括:blur.focus.load.resize.scroll.unload.click.dblclick.mousedown.mouseup.mousemove.mouseover.mouseout.mouseenter.mou

JQuery中DOM事件合成用法实例分析

 jQuery有两个合成事件--hover()方法和toggle()方法,类似前面讲过的ready()方法,hover()方法和toggle()方法都属于jQuery自定义的方法. hover()方法 hover()方法的语法结构为: hover(enter,leave); hover()方法用于模拟光标悬停事件.当光标移动到元素上时,会触发指定的第1个函数(enter);当光标移出这个元素时,会触发指定的第2个函数(leave). 代码为: 1 2 3 4 5 6 7 $(function()

JQuery中DOM事件冒泡实例分析

 什么是冒泡 在页面上可以有多个事件,也可以多个元素响应同一个事件.假设网页上有两个元素,其中一个元素嵌套在另一个元素里,并且都被绑定了click事件,同时body元素上也绑定了click事件. 1 2 3 4 5 <div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素 </div> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 &

jquery中添加属性和删除属性

  本文给大家介绍的是jquery中添加属性和删除属性的方法和具体的示例,有需要的小伙伴可以参考下 jquery中添加属性和删除属性: 复制代码 代码如下: $("#2args").attr("disabled",'disabled'); $("#2args").removeAttr("disabled"); 问题背景: 选择"选项1"是,"两个参数"这个单选按钮有效. 选择"