jQuery中大于gt和小于lt
2015-08-26 17:50
801 查看
gt,lt计数都是下标从0开始,而且不论大小于,都不包括它自己本身。
结果如下:
<!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title></title> </head> <body> <table style="float:left;width: 200px;"> <tr> <td>0</td> </tr> <tr> <td>1</td> </tr> <tr> <td>2</td> </tr> <tr> <td>3</td> </tr> <tr> <td>4</td> </tr> <tr> <td>5</td> </tr> <tr> <td>6</td> </tr> </table> <table style="float:left;width: 200px;"> <tr> <td>0</td> </tr> <tr> <td>1</td> </tr> <tr> <td>2</td> </tr> <tr> <td>3</td> </tr> <tr> <td>4</td> </tr> <tr> <td>5</td> </tr> <tr> <td>6</td> </tr> </table> <table style="float:left;width: 200px;"> <tr> <td>0</td> </tr> <tr> <td>1</td> </tr> <tr> <td>2</td> </tr> <tr> <td>3</td> </tr> <tr> <td>4</td> </tr> <tr> <td>5</td> </tr> <tr> <td>6</td> </tr> </table> </body> <script src="jquery.js"></script> <script type="text/javascript"> //情况1 $("table:eq(0) tr:lt(3)").css("backgroundColor", "yellow"); //情况2。gt(0)以后,索引为0的已经被排除了,那么剩下的有重新计数,下标又从0开始。 $("table:eq(1) tr:gt(0):lt(3)").css("backgroundColor", "red"); //情况3。gt(3)以后,索引为0,1,2,3的已经被排除了,那么剩下的有重新计数,下标又从0开始。 $("table:eq(2) tr:gt(3):lt(2)").css("backgroundColor", "green"); </script> </html>
结果如下:
相关文章推荐
- jquery的页面加载完执行的函数
- jQuery实现滚动切换的tab选项卡效果代码
- 基于jquery实现一个滚动的分步注册向导-附源码
- jQuery学习笔记之二——常规选择器
- Jquery Chained Selects Plugin 多级联动下拉框插件
- HTML5中自定义的data-*属性使用和js/jquery的data()方法操作
- jQuery带时间的日期控件代码分享
- jQuery解析JSON数据
- Query学习之jQuery Ajax用法详解
- jquery操作checked属性以及disabled属性的多种方法
- Jquery easyui combotree清除选中扩展
- 在线测试正则表达式工具 jQuery.Validate验证库
- 4. jQuery 事件
- 3. jQuery 选择器
- 读jQuery之二十(Deferred对象)
- 2. jQuery 语法
- jQuery的deferred对象详解
- jQuery下拉友情链接美化效果代码分享
- jQuery动画animate停止方法stop使用介绍
- 使用JavaScript或Jquery获取标准下拉框的"选中值"和"选中文本"