jquery选择器中的基本过滤选择器中的gt属性和lt使用先后的问题

.gt(下标):获取大于某个下标之后的下标。
.lt(下标):获取大于某个下标之后的下标。

注意:在层次选择器中使用基本过滤选择器中的.gt属性和lt属性时应该把lt放在gt前面。

以table表格控件及子控件tr举例。

先创建一个5行5列的表格。如下图

jquery选择器中的基本过滤选择器中的gt属性和lt使用先后的问题

改变大于1行小于4行的背景

如果将gt属性写在lt前面,
功能代码:$(".mytable tr:gt(1):lt(4)").css("background-color", "#5CCAAA");
效果如下:
jquery选择器中的基本过滤选择器中的gt属性和lt使用先后的问题

上面这种写法并不能达到效果,如果将lt属性写在gt前面,

功能代码:$(".mytable tr:lt(4):gt(1)").css("background-color", "#5CCAAA");
效果如下:
jquery选择器中的基本过滤选择器中的gt属性和lt使用先后的问题

可以看到这样写能完成效果,具体是为什么呢,具体分析原理如下:

如果将gt写lt前面:

jquery选择器中的基本过滤选择器中的gt属性和lt使用先后的问题

如果lt在gt前面

jquery选择器中的基本过滤选择器中的gt属性和lt使用先后的问题

上一篇:Maven的安装、配置、命令详细教学


下一篇:spring用Quartz实现定时任务