精华内容
下载资源
问答
  • 主要介绍了jQuery中eq()方法用法,实例分析了eq()方法的功能、定义及获取匹配元素集上的相应位置索引元素的使用技巧,需要的朋友可以参考下
  • 相信大部份人都会把这2个的用法搞错。仔细查看下API文档就可以知道。eq返回的是一个jquery对象,get返回的是一个html 对象数组。
  • jquery中eq()的用法

    2020-07-22 10:19:22
    :eq(index)某个元素集合获取第几个 p:eq(0) 获取p元素的第一个值 这个方法在jquery中经常用到,要记住使用方法

    :eq(index)某个元素集合中获取第几个
    p:eq(0) 获取p元素的第一个值

    这个方法在jquery中经常用到,要记住使用方法

    展开全文
  • jquery中eq和get

    2017-02-21 14:14:26
     标签: jquery 分类: jquery html代码:  Li-1  Li-2 $("document").ready... alert($("li:eq(0)"));  alert($("li").get(0));  }) 返回结果分别为:[object Obje
    
    标签:

    jquery

    分类: jquery
    html代码:
    <ul>
      <li>Li-1</li>
      <li>Li-2</li>
    </ul>

    $("document").ready(function(){
                alert($("li:eq(0)"));
              alert($("li").get(0));
          })

    返回结果分别为:[object Object]和[object HTMLLIElement]
    可知,eq返回的是一个jquery对象,get返回的是一个html 对象数组。

    使用eq来获得第一个li标签的color值:
    $("li").eq(0).css("color")    //因为 eq(num)返回的是个jq对象,所以可以用jq的方法css
    使用get来获得第一个p标签的color值:
    $("li").get(0).style.color    //因为 get(num)返回的是个html对象,所以要使用传统的HTML对象方法,jq对象此时就没用了。

    当然,你也可以get(num)后把对象转为jq的对象再进行操作:
    $($("p").get(0)).css("color")

    由此我们知道,由eq返回的jquery对象,我们可以直接使用jquery的方法如.css(),.html()等,而由get返回的是html数组对象要使用传统的HTML对象方法或者转换成jquery对象后再操作。

    既然如此都能实现, 建议统一使用eq,不必再去费心理会他们之间的区别啦什么的 ^^
    展开全文
  • 今天说说JQuery中eq()与get()方法的区别! 众所周知,eq()方法返回的是一个JQuery对象,也就是[object Object];  get()方法返回的是DOM对象组成的数组,也就是[object HTMLLIElement]; 我们用一个例子说明一下:...
     
    

    今天说说JQuery中eq()与get()方法的区别!

    众所周知,eq()方法返回的是一个JQuery对象,也就是[object Object];

                 get()方法返回的是DOM对象组成的数组,也就是[object HTMLLIElement];

    我们用一个例子说明一下:

    首先引入JQuery库文件,

    html

    复制代码
    <body>
    <ul id="ul">
            <li>item1</li>
            <li>item2</li>
            <li>item3</li>
        </ul>
    <input type="button" value="click" id="b1">
    </body>
    复制代码

    js

    复制代码
    <script>
    $("#b1").on("click",function(){
         var $obj  =  $("#ul li");
         $obj.eq(1).css("color","yellow");
         $obj.get(2).css("color","red");
    })
    </script>
    复制代码

    此时,点击按钮第二个li,即item2字体变为黄色,但是item3没有变为红色,且报如下错误:

    报错的意思是,$obj没有get()方法,因为它是一个DOM对象组成的数组,它是没有get()方法,那么我们怎样把它变为JQuery对象了?

    只需将$obj.get(2)改为$($obj.get(2))即可,

    复制代码
    <script>
    $("#b1").on("click",function(){
         var $obj  =  $("#ul li");
         $obj.eq(1).css("color","yellow");
         $($obj.get(2)).css("color","red");
    })
    </script>
    复制代码

    关于JQuery对象与DOM对象的转换可以参考http://blog.csdn.net/jueshengtianya/article/details/8823091

    再次点击按钮时,就会呈现如下的画面:

    验证完毕,经过这个例子相信大家对于eq()与get()方法会有所了解了。

    最后在来个扩展吧,还是基于上面的html

    复制代码
    <script>
    $("#b1").on("click",function(){
          var $obj = $("#ul li");
          var obj1 = $obj.get(1);
          var obj2 = $obj[1];
          if(obj===obj1){
                alert(111);
            }else{
                alert(222);
            }
    })
    </script>
    复制代码

    大家可以猜猜看,弹出那个了?

    经过本人验证弹出的是111,那么可以得出一个结论:$obj.get(1)和$obj[1],在这里可以互相替换使用。

    展开全文
  • 主要介绍了jQuery中:eq()选择器用法,实例分析了:eq()选择器的功能、定义及匹配指定索引值元素时的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
  • jQueryeq方法

    2020-07-10 11:53:12
    详细说明如果给定表示 DOM 元素集合的 jQuery 对象,.eq() 方法会用集合的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合元素的位置。请看下面这个简单的列表:<ul id="keleyieqfunction"&...

    定义和用法
    eq() 方法将匹配元素集缩减值指定 index 上的一个。

    语法
    .eq(index)

    其中的index :
    整数,指示元素的位置(最小为 0)。
    如果是负数,则从集合中的最后一个元素往回计数。

    详细说明
    如果给定表示 DOM 元素集合的 jQuery 对象,.eq() 方法会用集合中的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合中元素的位置。
    请看下面这个简单的列表:

    <ul id="keleyieqfunction">
    <li><a href="http://keleyi.com/a/bjac/cf99e7d9c491fc50.htm">list item 1</a></li>
    <li><a href="http://keleyi.com/a/bjac/68ca3404c7c108ef.htm">list item 2</a></li>
    <li><a href="http://keleyi.com/a/bjac/5aed2303707e30fa.htm">list item 3</a></li>
    <li><a href="http://keleyi.com/a/bjac/5b62295315de9ace.htm">list item 4</a></li>
    <li><a href="http://keleyi.com/a/bjac/5939d3b2c920ff6d.htm">list item 5</a></li>
    </ul>


    例子 1
    我们可以把该方法应用到这个列表项目集:
    $('#kele'+'yieqfunction').find('li').eq(2).css('background-color', 'red');

    这个调用的结果是为项目 3 设置了红色背景。请注意,index 是基于零的,并且是在 jQuery 对象中引用元素的位置,而不是在 DOM 树中。

    效果如下:



    其中的
    $('#kele'+'yieqfunction').find('li');

    是选择ul的li子元素,请参考http://keleyi.com/a/bjac/6c5snbtc.htm

    原文:http://keleyi.com/a/bjac/tmx4mq76.htm

    展开全文
  • jQuery中eq和get的区别

    2015-02-01 16:02:03
    相信大部份人都会把这2个的用法搞错。仔细查看下API文档就可以知道。eq返回的是一个jquery对象,get返回的是...$("p").eq(0).css("color") //因为eq(num)返回的是个jq对象,所以可以用jq的方法css 使用get来获得第一个
  • jquery中eq和get

    2015-12-23 20:42:42
    html代码:  Li-1  Li-2 $("document").ready(function(){  alert($("li:eq(0)"));  alert($("li").get(0));  }) 返回结果分别为:[object Object]和[object ...可知,eq返回的是一个jquery
  • jqueryeq选择器和eq()方法用法与比较 :eq(index) 匹配一个给定索引值的元素 index:从 0 开始计数 $("ul li:eq(3)") // 元素的index位置工0开始计数,所以这里的3实际为第4个元素 $("ul&...
  • jQuery中eq和get的区别

    2010-05-29 08:44:00
    jQuery中eq和get的区别 相信大部份人都会把这2个的用法搞错。仔细查看下API文档就可以知道。eq返回的是一个jquery对象,get返回的是一个html 对象数组。举个例子: style="color:yellow">绯雨使用eq来获得第一个p...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 27,077
精华内容 10,830
关键字:

jquery中eq()的用法