zoukankan      html  css  js  c++  java
  • jQuery选择器--:eq(index)、:lt(index)和:gt(index)

       :eq(index)

    概述

        匹配一个给定索引值的元素

    参数

        index  从 0 开始计数

       :gt(index)

    概述

        匹配所有大于给定索引值的元素

    参数

        index  从 0 开始计数

       :lt(index) 

    概述

        匹配所有小于给定索引值的元素

    参数

        index  从 0 开始计数

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
            <title></title>
            <script>
                $(document).ready(function(){
                    //匹配一个给定索引值的元素
                    $("li:eq(2)").css('color','#FF0000');
                    //匹配所有大于给定索引值的元素
                    $("li:gt(2)").css('color','#0000FF');
                    //匹配所有小于给定索引值的元素
                    $("li:lt(2)").css('color','#FF00FF');
                });            
            </script>
        </head>
        <body>
            <ol>
                <li>Java</li>
                <li>C#</li>
                <li>HTML</li>
                <li>JavaScript</li>
                <li>C++</li>
            </ol>
        </body>
    </html>
  • 相关阅读:
    字体图标的制作
    vs code 本地调试配置
    瀑布流
    web组件化开发第一天
    超时调用和间歇调用
    递归 闭包
    继承
    面向对象的程序设计
    function类型
    Date类型
  • 原文地址:https://www.cnblogs.com/fengfuwanliu/p/10053476.html
Copyright © 2011-2022 走看看