<html> <head> <style> *{ padding: 0; margin: 0; } .color{ background: skyblue; } .content{ height: 100px; width: 150px; margin: auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid blue; } </style> </head> <body> <div class="content"> <li>张三</li> <li>李四</li> <li>王五</li> <li>张六</li> </div> </body> <script src="../assets/jquery/jquery-1.9.1.min.js"></script> <script> $("li").eq(0).addClass("color"); </script> </html>
jQuery中有一种方法,eq();
eq(index); 选择器选取带有指定 index 值的元素。
index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。
当index的值可以为负数。
下标都是从零开始的,如果元素只有一个,那么它的下标就是0,。