jQuery怎样获取下标?

简介: jQuery怎样获取下标?
<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,。


相关文章
|
7月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
7月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
7月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
7月前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
7月前
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
|
7月前
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
9月前
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
113 14
|
10月前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
132 21
|
10月前
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
273 16
|
10月前
|
JavaScript
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
239 9