最初认识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. Comparator与Comparable的异同

    同 它们都是Java的一个接口,都是用来实现集合中元素的比较.排序. 异 Comparator位于java.util下: Comparable位于java.lang下: Comparable(可比较的 ...

  2. Oracle 安装 检查操作系统版本 必须是 5.0 5.1 的解决办法

    打开 oraparam.ini文件 添加红色部分 Windows=5.1,5.2,6.1 最下面添加 [Windows-6.1-required]#Minimum display colours fo ...

  3. 嵌入式 linux下利用backtrace追踪函数调用堆栈以及定位段错误

    嵌入式 linux下利用backtrace追踪函数调用堆栈以及定位段错误 2015-05-27 14:19 184人阅读 评论(0) 收藏 举报  分类: 嵌入式(928)  一般察看函数运行时堆栈的 ...

  4. pthread_attr_t 线程属性(二)

    一.函数: 1.线程属性的初始化与销毁:#include <pthread.h>int pthread_attr_init(pthread_attr_t *attr);int pthrea ...

  5. [再寄小读者之数学篇](2014-11-24 Abel 定理)

    设幂级数 $\dps{g(x)=\sum_{n=0}^\infty a_nx^n}$ 在 $|x|<1$ 内收敛, 且 $\dps{\sum_{n=0}^\infty a_n=s}$ 收敛. 则 ...

  6. Modernizr.js入门指南(HTML5&CSS3浏览器兼容插件)

    HTML5 和 CSS3 的快速发展,给我们带来了极大的便利,比如从此再也不用花费大量的时间只是为了设计一个圆角的效果. 但是!我们不能像控制机器一样来控制所有的人都一夜之间升级到现代浏览器,因为那些 ...

  7. selenium webdriver+windows+python+chrome遇见的问题

    win7系统,在python中调用ChromeDriver 一直报错 “ selenium.common.exceptions.WebDriverException: Message: 'Chrome ...

  8. Linux操作系统中，.zip、.tar、.tar.gz、.tar.bz2、.tar.xz、.jar、.7z等格式的压缩与解压

    zip格式 压缩: zip -r [目标文件名].zip [原文件/目录名] 解压: unzip [原文件名].zip 注:-r参数代表递归 tar格式(该格式仅仅打包,不压缩) 打包:tar -cv ...

  9. Python：映像、集合

    一.字典 字典(dictionary)是Python中唯一的“映射”类型,映射这个概念在高中就学过:一个函数f将键(key, 定义域)映射到值(value, 值域).这样的函数在字典中可以称为哈希(H ...

  10. Page Scroll Menu (页面中锚点菜单)

    Technorati 标签: Page Scroll Menu,页面锚点菜单,Menu,Too Long,页面太长   当页面太长时,会导致浏览不便,这时就需要一个页面锚点菜单(Page Scroll ...