最初认识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. OpenGL学习之路（四）

    1 引子 上次读书笔记主要是学习了应用三维坐标变换矩阵对二维的图形进行变换,并附带介绍了GLSL语言的编译.链接相关的知识,之后介绍了GLSL中变量的修饰符,着重介绍了uniform修饰符,来向着色器 ...

  2. c排序算法大全

    排序算法是一种基本并且常用的算法.由于实际工作中处理的数量巨大,所以排序算法 对算法本身的速度要求很高. 而一般我们所谓的算法的性能主要是指算法的复杂度,一般用O方法来表示.在后面将给出详细的说明.& ...

  3. Linux makefile教程之总述二[转]

    Makefile 总述——————— 一.Makefile里有什么? Makefile里主要包含了五个东西:显式规则.隐晦规则.变量定义.文件指示和注释. 1.显式规则.显式规则说明了,如何生成一个或 ...

  4. 恢复SD卡错删数据

           对于众多米粉来说,手机里存储的很多资料都非常宝贵,如果不小心删除了,想要重新收集这些资料就显得非常困难.有道是千金易得,数据无价,特别是一些珍贵照片之类的充满回忆的数据,丢失了甚至会抱憾 ...

  5. 自定义View(三)--实现一个简单地流式布局

    Android中的流式布局也就是常说的瀑布流很是常见,不仅在很多项目中都能见到,而且面试中也有很多面试官问道,那么什么是流式布局呢?简单来说就是如果当前行的剩余宽度不足以摆放下一个控件的时候,则自动将 ...

  6. dos攻击

    概念理解 DoS到底是什么?接触PC机较早的同志会直接想到微软磁盘操作系统的DOS--DiskOperationSystem?不,此DoS非彼DOS也,DoS即DenialOfService,拒绝服务 ...

  7. win7 共享的问题，"您可能没有权限使用网络资源"的解决办法

    重点来了,如果以上方法都不行的话,下面这个绝对有效,本人屡试不爽.1 打开受访者的guest权限2 开始--运行--gpedit.msc3 windows设置---安全设置--本地策略--用户权利指派 ...

  8. SublimeText3 初探(工欲善其事,必先利其器)

    告别2015,迎来了2016.祝看到这篇博客的兄弟们都猴年发财,人生走上另一个高度. 新年新气象,猴年我会常常来更新自己的博客,希望能接触到更多的园友. sublime text3 和atom 各有各 ...

  9. 【转载】Python中如何高效实现两个字典合并，三种方法比较。

    本文转载自:http://www.pythoner.com/13.html Python中将两个字典进行合并操作,是一个比较常见的问题.本文将介绍几种实现两个字典合并的方案,并对其进行比较. 对于这个 ...

  10. 把一个序列转换成严格递增序列的最小花费 CF E - Sonya and Problem Wihtout a Legend

    //把一个序列转换成严格递增序列的最小花费 CF E - Sonya and Problem Wihtout a Legend //dp[i][j]:把第i个数转成第j小的数,最小花费 //此题与po ...