.get(index) and .eq(index)

  • both return a single "element" from a jQuery object array, but they return the single element in different forms.

.eq(index)

  • returns it as a jQuery object, meaning the DOM element is wrapped in the jQuery wrapper, which means that it accepts jQuery functions.

.get(index)

  • return a raw DOM element. You may manipulate it by accessing its attributes and invoking its functions as you would on a raw DOM element. But it loses its identity as a jQuery-wrapped object, so a jQuery function won't work.

简言之：eq()获取的是jquery对象，能够使用jquery方法，get()获取的是原生dom元素，不能使用jquery方法．

Example：

 <!DOCTYPE html>

 <html lang="en">

   <head>

     <meta charset="utf-8">

     <meta http-equiv="X-UA-Compatible" content="IE=edge">

     <meta name="viewport" content="width=device-width, initial-scale=1">

     <title>eq() And get()</title>

   </head>

   <body style="height:2000px;">

     <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

     <div id="outer_div">

       <div>

         <input text value="AAA"><br>

         <input text value="BBB"><br>

         <input text value="CCC"><br>

         <input text value="DDD"><br>

       </div>

     </div>

     <script>

         $(document).ready(function(){

           var $inputEq = $('#outer_div').find("input").eq(2);

           var $inputGet = $('#outer_div').find("input").get(2);

           console.log("inputEq :"+$inputEq);

           console.log("inputGet:"+$inputGet);

           console.log("inputEqValue :"+$inputEq.val());

           console.log("inputGetValue :"+$inputGet.value);

         });

         // Results:

         /*

           inputEq :[object Object]

           inputGet:[object HTMLInputElement]

           inputEqValue :CCC

           inputGetValue :CCC

         */

     </script>

   </body>

 </html>

相关：

.eq()

  • .eq( index )
  • .eq( indexFromEnd )
<ul>

  <li>list item 1</li>

  <li>list item 2</li>

  <li>list item 3</li>

  <li>list item 4</li>

  <li>list item 5</li>

</ul>

$( "li" ).eq( 2 ).css( "background-color", "red" );

$( "li" ).eq( -2 ).css( "background-color", "blue" );

:eq() Selector

  • jQuery( ":eq(index)" )
  • jQuery( ":eq(-index)" )

.get()

  • .get( index )
 <ul>

   <li id="foo">foo</li>

   <li id="bar">bar</li>

 </ul>

 console.log( $( "li" ).get( 0 ) );
  • .get()
  1. Retrieve the elements matched by the jQuery object.
  2. All of the matched DOM nodes are returned by this call, contained in a standard array.
 <ul>

   <li id="foo">foo</li>

   <li id="bar">bar</li>

 </ul>

 // javascript

 console.log( $( "li" ).get() );

 // result

 [<li id="foo">, <li id="bar">]

jQuery : eq() vs get()的更多相关文章

  1. jquery eq()选择器 语法

    jquery eq()选择器 语法 作用::eq() 选择器选取带有指定 index 值的元素.index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1).经常与其他元素/选择器一 ...

  2. jQuery.eq() 函数

    eq() 函数 获取当前对象中指定索引所对应的的元素 语法 $selector.eq(index)//index为指定索引,值为数字型 返回值 返回值为一个对象 实例说明 代码 <!DOCTYP ...

  3. jquery eq 用法

    <html> <head> <script src='jquery.min.js'></script> <script type="te ...

  4. CSS中:nth-child和JQuery:eq的区别

    $("li:nth-child(n)")选择器与$("li:eq(n)")选择器的不同之处在于:$("li:eq(n)")选择器只匹配一个元 ...

  5. jQuery遍历 - 过滤first()，last()和eq()使用

    jQuery遍历 - 过滤最基本的过滤方法是first(),last()和eq(),它们允许您根据元素在一组元素中的位置选择特定元素. 其他过滤方法(如filter()和not())允许您选择与特定条 ...

  6. 浅谈我对 jQuery 的了解

    总述 0 获取 jQuery 对象 1 对象跳转 2 方法调用 3 常用API 4 $(…); 5 jQuery 对象获取 6 Data 相关方法 7 选择器 8 基本的过滤器 9 内容过滤选择器 1 ...

  7. jQuery用法小结

    jQuery加载1.$(document).ready()2.添加css样式:单个:$("p").css("color","red"); 多 ...

  8. jQuery中的end()

    要说end(),我们就不得不说prevObject. 在jQuery中,每个jQuery对象都有一个prevObject属性 var $p = $('p'); 这个属性是做什么的呢? jQuery内部 ...

  9. jquery 之选择器

    一.基本: HTML代码: <p class="p1">p段落</p> <h class="h1">h标签</h> ...

随机推荐

  1. Some useful links

    Integrating the FlyCapture SDK for use with OpenCV CStereoGrabber_Bumblebee.h OpenCV with PGR Flycap ...

  2. java-两个大数相加

    题目要求:用字符串模拟两个大数相加. 一.使用BigInteger类.BigDecimal类 public static void main(String[] args) { String a=&qu ...

  3. 自己编写php框架（一）

    这两天一直在琢磨如何做一个php模板,将前台html页面和php代码分割开来.虽然现在市面上有各种各样的php模板,但还是想自己编写一个体验一下. 之前一直写到了将替换完php代码的含有php代码的h ...

  4. IOS第16天(3,Quartz2D饼图）

    **** #import "HMPieView.h" #import "UIColor+Random.h" @implementation HMPieView ...

  5. Mininet实验 源码安装Mininet

    参考:MiniNet实验1 安装命令: sudo apt-get update sudo apt-get upgrade sudo apt-get install git(安装过git就可以忽略此步) ...

  6. lr并发量和迭代的区别

    1.并发量 并发量也就是同时运行的量.比如100个用户同时登录,那么并发量就是100.当然这100个用户可以进行参数化,也可以采用设置虚拟用户数(vuser). 2.迭代 迭代就是单个用户运行的次数. ...

  7. Centos 6.5升级到Git2.1.2

    安装需求 # yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel# yum install gcc pe ...

  8. block(代码块)的介绍以及使用方法和变量之间的关系

    http://blog.csdn.net/menxu_work/article/details/8762848 block(代码块)的介绍以及使用方法和变量之间的关系 block(代码块)的介绍以及使 ...

  9. gradlew解决jar或class冲突

    以LeanCloud的推送sdk为例. 我的项目中使用了android-async-http库和fastjson的库,然后LeanCloud的的sdk中也使用了这两个库,但是版本有点低. 处理方式: ...

  10. iScroll.js几个问题及其解决办法

    1.在一个页面中需要点击tab切换,而且每个切换的内容都需要下拉刷新加载,这个时候需要在点击的时候用到myScroll.refresh();这个函数,刷新iScroll.js这个函数. 2.在页面中有 ...