js index属性及jquery index()方法

来源:互联网 发布:java 电脑配置 编辑:程序博客网 时间:2024/05/22 04:23

js 中的index 属性可返回下拉列表中选项的索引位置
语法 :optionObject.index
(意思在原生js中它是option的私有属性)
当在原生js中特别是在循环中,我们常自定义index属性

var liObj = document.getElementsByTagName("li");for (var i=0;i<liObj.length;i++) { liObj[i].index = i;  //这里index相当于形参}liObj[i].index = i;  

表示循环给liObj添加索引值和上面的原生js index有,这是自定义属性,当然这里的index相当于形参,自定义。

jquery index() 定义和用法
index() 方法返回指定元素相对于其他指定元素的 index 位置。
这些元素可通过 jQuery 选择器或 DOM 元素来指定。
注释:如果未找到元素,index() 将返回 -1。

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){  $("li").click(function(){    alert($(this).index());  });});</script></head><body><p>点击列表项可获得其相对于同胞元素的 index 位置:</p><ul><li>Coffee</li><li>Milk</li><li>Soda</li></ul></body></html>当然jquery index()还有很多经典用法,这里不深讨论。
原创粉丝点击