.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. 递归merge排序

    package sort; import java.io.BufferedReader; import java.io.InputStreamReader; import java.util.Scan ...

  2. 做为一名dba你应该知道这些数据恢复

    1.将备份数据   拉取到本地虚拟机上 进行恢复(千万不要把数据直接恢复到生产中,除非迫不得已!!)   2.在本地虚拟机上恢复之后,导出需要恢复的数据.   3.在本地虚拟机上恢复做恢复测试.   ...

  3. Oracle 部分函数使用说明

    oracle有些函数可能我知道是什么作用,但是具体其实说不清楚,这里是我这几天看到的函数使用方法及说明,记录一下,以后看看 --1.replace('str',oldVal,newVal)替换功能方法 ...

  4. sqlmap 1.0.21 tamper 总结

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  5. C++对析构函数的误解（转）

    C++析构前言 析构函数在什么时候会自动被调用,在什么时候需要手动来调用,真不好意思说偶学过C++…今日特此拨乱反正. C++析构误解正文 对象在构造的时候系统会分配内存资源,对一些数据成员进行初始化 ...

  6. 关于格式转换 “%a.bs”

    这个形式的格式转换符用于输出, 如果a <= b,  那么输出的字符串串长大于等于a, 小于b; 否则, 输出的串长按照a指定的输出. (不够,用空格补齐)

  7. 增强for循环

    import java.util.ArrayList; import java.util.HashMap; import java.util.Iterator; import java.util.Li ...

  8. JS控制打印指定div

    <html><head><script language="javascript">function printdiv(printpage){v ...

  9. 1920.154s 0.309s 30817

    MyISAM HASH  restart-buffer ; ; ; SELECT * FROM grab_sales_rank_month; ; 受影响的行: 时间: .002s [SQL] ; 受影 ...

  10. Opensuse enable sound and mic card

    Install application pavucontrol Run pavucontrol You will see the configuration about sound card and ...