.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：

  1.  <!DOCTYPE html>
  2.  <html lang="en">
  3.    <head>
  4.      <meta charset="utf-8">
  5.      <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.      <meta name="viewport" content="width=device-width, initial-scale=1">
  7.      <title>eq() And get()</title>
  8.    </head>
  9.    <body style="height:2000px;">
  10.      <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  11.      <div id="outer_div">
  12.        <div>
  13.          <input text value="AAA"><br>
  14.          <input text value="BBB"><br>
  15.          <input text value="CCC"><br>
  16.          <input text value="DDD"><br>
  17.        </div>
  18.      </div>
  19.      <script>
  20.          $(document).ready(function(){
  21.            var $inputEq = $('#outer_div').find("input").eq(2);
  22.            var $inputGet = $('#outer_div').find("input").get(2);
  23.            console.log("inputEq :"+$inputEq);
  24.            console.log("inputGet:"+$inputGet);
  25.            console.log("inputEqValue :"+$inputEq.val());
  26.            console.log("inputGetValue :"+$inputGet.value);
  27.          });
  28.          // Results:
  29.          /*
  30.            inputEq :[object Object]
  31.            inputGet:[object HTMLInputElement]
  32.            inputEqValue :CCC
  33.            inputGetValue :CCC
  34.          */
  35.      </script>
  36.    </body>
  37.  </html>

相关：

.eq()

  • .eq( index )
  • .eq( indexFromEnd )
  1. <ul>
  2.   <li>list item 1</li>
  3.   <li>list item 2</li>
  4.   <li>list item 3</li>
  5.   <li>list item 4</li>
  6.   <li>list item 5</li>
  7. </ul>
  8. $( "li" ).eq( 2 ).css( "background-color", "red" );
  9. $( "li" ).eq( -2 ).css( "background-color", "blue" );

:eq() Selector

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

.get()

  • .get( index )
  1.  <ul>
  2.    <li id="foo">foo</li>
  3.    <li id="bar">bar</li>
  4.  </ul>
  5.  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.
  1.  <ul>
  2.    <li id="foo">foo</li>
  3.    <li id="bar">bar</li>
  4.  </ul>
  5.  // javascript
  6.  console.log( $( "li" ).get() );
  7.  // result
  8.  [<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. github提交失败并报错java.io.IOException: Authentication failed:

    一.概述 我最近在写一个android的项目. 软件:android studio.Android studio VCS integration(插件) Android studio VCS inte ...

  2. hdu A Bug's Life

    题目意思:给定一系列数对,例如a和b,表示a和b不是同一种性别,然后不断的给出这样的数对,问有没有性别不对的情况. 例如给定: 1    2 3    4 1    3 那这里就是说1和2不是同种性别 ...

  3. javaweb实验五

    product类: package com.lab;public class Product { private int id;                // 商品编号    private S ...

  4. 数据库分页和使用jstl标签替换分页的jsp代码

    参考链接: http://www.mossle.com/docs/jsp/html/jsp-ch-15.html

  5. IOS第二天多线程-04简化单例模式

    ******HMSingleton-ARC.h // .h文件 #define HMSingletonH(name) + (instancetype)shared##name; // .m文件 #de ...

  6. IOS第七天(6:UiTableView编辑模式, 拖动位置 ,滑动删除)

    **********UiTableView编辑模式, 拖动位置 ,滑动删除 #import "HMViewController.h" @interface HMViewContro ...

  7. vscode 编写python如何禁止 flake8 提示 line too long

    使用vscode编写python还是挺舒服的,但是如果给vscode安装了语法校验插件,例如flake8,会常常提示一些非常苛刻的语法问题,其中最让人不能忍受的就是line to long. 一行仅能 ...

  8. Java基础总结（备考）

    ps1:本文内容只涉及基础中的重点,大神直接无视路过. ps2:部分内容可能不太详细,有疑问请留言. ps3:全文自己总结(部分知识百度),内容可能有些杂,可能不太全. 如有雷同,算我抄你,同时欢迎大 ...

  9. 弱引用？强引用？未持有？额滴神啊-- Swift 引用计数指导

    ARC ARC 苹果版本的自动内存管理的编译时间特性.它代表了自动引用计数(Automatic Reference Counting).也就是对于一个对象来说,只有在引用计数为0的情况下内存才会被释放 ...

  10. objective c实现配置文件+反射

    1. 先写plist配置文件 plist写到resouce里面去 通过NSBundle把数据取plist读出来 2. 通过NSClassFromString创建类 NSClassFromString ...