作者信息

长期闲置

长风破浪会有时,直挂云帆济沧海。

最近文章
ajax请求时post和get的区别是什么810
ajax默认是异步请求吗301
cors和ajax的区别是什么575
视频教程分类
推荐视频教程
  • php程序员小白到大牛三个月集训php程序员小白到大牛三个月集训
  • Laravel 9 学习正当时—保姆级教程,想学不会都难!Laravel 9 学习正当时—保姆级教程,想学不会都难!
  • 千万级数据并发解决方案(理论+实战)千万级数据并发解决方案(理论+实战)
  • Laravel基础与实战(模块化)Laravel基础与实战(模块化)
  • 首页 >web前端 >前端问答 > 正文

    jquery怎么获取除了eq选择的元素

    原创2022-06-09 17:27:34436 关注公众号:每天精选资源文章推送

    在jquery中,可以利用“:not()”选择器获取除了eq选择器选择的元素,“:not()”选择器用于选取除了指定元素以外的所有元素,最常见的是与其他选择器一起使用,语法为“$("元素:not(:eq(...))").方法”。

    本教程操作环境:windows10系统、jquery3.4.1版本、Dell G3电脑。

    jquery怎么获取除了eq选择的元素

    eq() 方法返回带有被选元素的指定索引号的元素。

    索引号从 0 开头,所以第一个元素的索引号是 0(不是 1)。

    语法

    $(selector).eq(index)

    index 必需。规定元素的索引。可以是整数或负数。

    注意:使用负数将从被选元素的结尾开始计算索引

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

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

    经常与其他元素/选择器一起使用,来选择指定的组中特定序号的元素(如上面的例子)。

    语法

    $(":eq(index)")

    参数 描述

    index 必需。规定元素的 index 值。

    想要获取获取除了eq选择的元素,利用:not() 选择器即可。

    :not() 选择器选取除了指定元素以外的所有元素。

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

    语法

    $(":not(selector)")

    参数 描述

    selector 必需。规定不选择的元素。

    该参数接受任何类型的选择器。

    示例如下:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript"> 
     
    $(document).ready(function(){
        $("p:eq(1)").css("background-color","#B2E0FF");
    });
     
    </script>
     
    </head>
    <body>
    <html>
    <body>
    <h1>Welcome to My Homepage</h1>
    <p class="intro">My name is Donald</p>
    <p>I live in Duckburg</p>
    <p>My best friend is Mickey</p>
    <div id="choose">
    Who is your favourite:
    <ul>
    <li>Goofy</li>
    <li>Mickey</li>
    <li>Pluto</li>
    </ul>
    </div>
    </body>
    </html>
     
     
    </body>
    </html>

    输出结果:

    28.png

    利用not选择器示例如下:

    <script type="text/javascript"> 
     
    $(document).ready(function(){
        $("p:not(:eq(1))").css("background-color","#B2E0FF");
    });
     
    </script>	

    输出结果:

    27.png

    视频教程推荐:jQuery视频教程

    以上就是jquery怎么获取除了eq选择的元素的详细内容,更多请关注php中文网其它相关文章!

    20期PHP线上班

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:jquery
  • 推荐:PHP从基础到实战教程视频

    相关文章

    相关视频


    专题推荐