jQuery|"eq"选择器

作者: 明明德撩码 | 来源:发表于2017-12-31 16:01 被阅读16次

    列表中根据下标index选择元素。
    样例:$("ul li:eq(3)") 列表中的第四个元素(index 值从 0 开始)

    实例

    选取第二个 <p> 元素:

    $("p:eq(1)")

    定义和用法

    :eq() 选择器选取带有指定 index 值的元素。

    index 值从 0 开始,所以第一个元素的 index 值是 0(不是 1)。

    最常见的用法:与其他选择器一起使用,选取指定组合中指定索引的元素(如上面的实例)。

    语法

    $(":eq(index)")
    参数
    index 必需。规定元素的索引。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <title></title> 
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("p:eq(1)").css("background-color","yellow");
    });
    </script>
    </head>
    <body>
    
    <h1>技术梦想</h1>
    <p class="intro">教程</p>
    <p>学的不仅是技术,更是梦想!</p>
    <p>学的不仅是技术,更是梦想!</p>
    
    <p>你最喜欢的网站:</p>
    <ul id="choose">
    <li>Google</li>
    <li>Taobao</li>
    <li>baidu</li>
    </ul>
    
    </body>
    </html>
    
    image.png

    相关文章

      网友评论

        本文标题:jQuery|"eq"选择器

        本文链接:https://www.haomeiwen.com/subject/ybhagxtx.html