jQuery中的eq方法

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：VS2015，C#；

撰写时间：2019-03-28

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

.eq(参数)：获取当前链式操作中的的第N个jQuery对象，返回jQuery对象。其中参数必须是整数，当参数大于等于0的时候是正向选取，也就是从前面往后面数，0是代表第一个，1是代表第二个，以此类推；当参数小于0的时候是反向选取，也就是从后面往前面数，即倒数，-1代表倒数第一个，-2代表倒数第二个，以此类推。

比如：<div><p>AAAAAAAAAAA</p><p>BBBBBBBBBBB</p><p>CCCCCCCCCC</p></div>

初始运行效果如右图：

 

将第一个P标签的字体颜色改变：

第一种，参数为正数：$("p").eq(0).css("color", "#900");

第二种，参数为负数：$("p").eq(-3).css("color", "#900");

运行效果如右图：    

 

 

将第二个P标签的字体颜色改变：

第一种，参数为正数：$("p").eq(1).css("color", "#900");

第二种，参数为负数：$("p").eq(-2).css("color", "#900");

运行效果如右图：       

 

将第三个P标签的字体颜色改变：

第一种，参数为正数：$("p").eq(2).css("color", "#900");

第二种，参数为负数：$("p").eq(-1).css("color", "#900");

运行效果如右图：