最初认识index（）是在轮播图中，获取当前点击对象在数组中的位置。那时候，对index（）的使用只有eq($(this).index())，看了文档之后，才知道自己有多幼稚！

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>index()</title>

     <style type="text/css">

         *{padding:0; margin:0;}

         div{width:100px; height:100px; margin:20px; background:#e5e5e5;}

     </style>

     <script src="js/jquery-1.11.3.min.js"></script>

 </head>

 <body>

     <ul>

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

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

         <li id="baz"></li>

     </ul>

     <div class="links">

         <a class="link" href="#"></a>

         <a class="link" href="#"></a>

         <a class="link" href="#"></a>

     </div>

     <div class="con"><a href=""></a></div>

     <div class="con"><a class="acon" href=""></a></div>

     <div class="con"><a class="acon" href=""></a></div>

 <script type="text/javascript">

         $(function(){

             var i1=$("li").index();

                 console.log(i1);//不给index（）方法传递参数，那么返回值就是这个Jquery对象集合中第一个元素相对其同辈元素的位置。

             var i2=$("li").index(document.getElementById("bar"))

                 console.log(i2);//给index（）传递一个DOM对象，那么返回值就是这个DOM对象在原先集合中的索引位置

             var i3=$("div .link").index("a")//给index传递一个选择器，那么返回值就是原先元素相对于选择器匹配元素集合中的索引位置

                 console.log(i3);

             var i4=$(".acon").index(".con a");

                 console.log(i4);//同上

             var i5=$(".con a").index($(".acon"));//传递一组JQuery对象，返回这个对象集合中第一个元素在原先集合中的索引位置

                 console.log(i5);

             /*

                 总结：

                 1、不传对象，返回对象集合中的第一个元素相对于同辈元素的位置。

                 2、传递DOM对象或JQuery对象，返回此对象在原先集合中的索引位置

                 3、传递选择符，返回原先对象在匹配选择符集合中的索引位置

             */

         });

     </script>

 </body>

 </html>
总结：

1、不传对象，返回对象集合中的第一个元素相对于同辈元素的位置。

2、传递DOM对象或JQuery对象，返回此对象在原先集合中的索引位置。

3、传递选择符，返回原先对象在匹配选择符集合中的索引位置或者原先对象集合中第一个元素在选择符集合中的索引位置。

学习JQuery中文文档之index()函数的更多相关文章

  1. 学习JQuery中文文档之get()函数

    前端大神群的群主告诉我们:学习一个框架最好的方法是去把官方文档研究一遍. 现在正式开始我的前端之路,从JQuery的中文文档开始. 基础不牢固,看起来有点慢,但是我会一直坚持下去的.把遇到的问题都记录 ...

  2. 学习JQuery中文文档之map()函数和get()函数

    今天学到一个新的函数map(). map(callback) 官方概述: 将一组元素转换成其他数组(不论是否是元素数组) 你可以用这个函数来建立一个列表,不论是值.属性还是CSS样式,或者其他特别形式 ...

  3. java冒泡排序-选择排序-插入排序-使用API中文文档直接调用函数

    import java.util.Arrays; public class ArrayDemo2_3 { public static void main(String []args) { //---- ...

  4. （十）unity4.6学习Ugui中文文档-------參考-UGUI Canvas Components

     大家好,我是孙广东.   转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unit ...

  5. （二十二）unity4.6学习Ugui中文文档-------交互-Eventsystem &amp; Binding

    大家好,我是孙广东.   转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unityma ...

  6. unity4.6学习Ugui中文文档-------参考-UGUI Rect Transform

    1 . Rect Transform Rect Transform 是 2D 与 3D 图形的 Transform 组件对应.它用来指定用户界面系统中的大小. 位置和旋转的控件 Properties ...

  7. （二十一）unity4.6学习Ugui中文文档-------交互-Supported Events &amp; Raycasters

    大家好,我是孙广东. 转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:mod=guide&view=m ...

  8. （九）unity4.6学习Ugui中文文档-------參考-UGUI Rect Transform

     大家好.我是孙广东.   转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unit ...

  9. jQuery中文文档

    http://www.jquery123.com/ http://www.shifone.cc/

随机推荐

  1. RAC实例 表空间 维护

    先配置一下监听,这样我们就可以从客户端进行连接了. 我这里写了三种连接. 第一种是正常方式,一般都采用这种方式,后面的rac1和rac2 是方便测试.因为如果用第一种方式的话,客户端连哪个实例是随机的 ...

  2. 如何在vmware上创建共享磁盘

    1.先在你本机的vmware安装目录上找到 vmware-vdiskmanager.exe 执行文件. 我的目录是 d:\vmware\vmware-vdiskmanager.exe 再用cmd终端( ...

  3. CSS hack——不同浏览器的CSS应对法

    1.IE条件注释法: lte表示“小于等于”,“lt”表示“小于”,“gte”表示“大于等于”,“gt”表示“大于”,“!”表示“不等于”. <!--[if IE 6]> <link ...

  4. Java 中无参无返回值方法的使用

    如果方法不包含参数,且没有返回值,我们称为无参无返回值的方法. 方法的使用分两步: 第一步,定义方法 例如:下面代码定义了一个方法名为 show ,没有参数,且没有返回值的方法,执行的操作为输出 “ ...

  5. PhoneGap API Documentation API Reference

    API Reference-API参考 Accelerometer-加速度计 Tap into the device's motion sensor.-点击进入该设备的运动传感器. Camera-相机 ...

  6. cong

    Directions:  Study the following cartoon carefully and write an essay in which you should 1) descr ...

  7. DataTable添加列和行的三种方法

    JRoger 原文 #region 方法一: DataTable tblDatas =new DataTable("Datas"); DataColumn dc =null; dc ...

  8. 【Leetcode】Reorder List JAVA

    一.题目描述 Given a singly linked list L: L0→L1→…→Ln-1→Ln,reorder it to: L0→Ln→L1→Ln-1→L2→Ln-2→… You must ...

  9. sql server 数据库的操作

    Technorati 标记: sql截取,sql修改 把一个字段的部分取出来,插入到新字段 1 )  //方法二 sql server修改一个字段中的部分数据  update tablename se ...

  10. 黑马程序员——有关protocol的小结

    在OC程序中经常会有这样的问题就是一个类想让其他类帮自己实现某些方法,然后再将结果返回给这个类:如何让一个类要找的代理去实现自己想要的方法呢? 这样就需要有一个协议,让能遵守协议的其他类都能实现协议中 ...