jQuery中大于和小于选择器的使用与解析

   

       
           
           
       
       
           
           
       
       
           
           
       
       
           
           
       
       
           
           
       
       
           
           
       
       
           
           
       
   

姓名	分数
小明	100
小张	99
小方	98
小圆	97
小壮	96
小张	95

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

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

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

 

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

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

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

 

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

   1 大于3&＃xff0c;找到小圆。

   2 小圆&＃xff0c;小壮&＃xff0c;小张(0,1,2)&＃xff0c;

   3 小于2&＃xff0c;小圆&＃xff0c;小壮(0,1)黄。