jQuery eq()
- 作者: 熙沫女神
- 来源: 51数据库
- 2021-08-21
获取匹配元素集上对应索引的元素。
返回值是一个jQuery对象。
语法结构一:
$(selector).eq(index)
参数解析:
index:一个整数,指示元素的位置,以0为基数。
jQuery1.12版本添加。
语法结构二:
$(selector).eq( -index )
参数解析:
index:一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。
jQuery1.4版本添加。
代码实例:
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51sjk.com/Upload/Articles/1/0/269/269499_20210708030314954.jpg" /> <title>蚂蚁部落</title> <style> ul { list-style:none; } </style> <script src="http://www.51sjk.com/Upload/Articles/1/0/269/269499_20210708030314954.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("li").eq(1).css("color","blue") }) </script> </head> <body> <div> <ul> <li>蚂蚁部落一</li> <li>蚂蚁部落二</li> <li>蚂蚁部落三</li> <li>蚂蚁部落四</li> </ul> </div> </body> </html>
把索引是1的li元素中的字体颜色设置为蓝色。
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51sjk.com/Upload/Articles/1/0/269/269499_20210708030314954.jpg" /> <title>蚂蚁部落</title> <style> ul { list-style:none; } </style> <script src="http://www.51sjk.com/Upload/Articles/1/0/269/269499_20210708030314954.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("li").eq(-2).css("color","blue") }) </script> </head> <body> <div> <ul> <li>蚂蚁部落一</li> <li>蚂蚁部落二</li> <li>蚂蚁部落三</li> <li>蚂蚁部落四</li> </ul> </div> </body> </html>
索引是负数的时候,从最后一个元素往回计数。
原文是jQuery eq()
更多jquery内容查看jQuery教程板块。
推荐阅读