jQuery中index的用法

jQuery中index是用来查找匹配的元素并且返回索引值从0开始

html代码

<ul>
<div></div><li></li><li id="foo">foo</li><li id="bar">bar</li><li id="baz">baz</li>
</ul>

js代码

console.log($('li').index(document.getElementById('bar'))); //返回值为2 给与一个dom对象返回这个对象在集合中的位置
console.log($('li').index($('#bar')));   //返回值为2  给予一个jQuery对象返回这个对象在集合中的位置
console.log($('li').index($('li:gt(2)')));  //返回值为3  给与一组jQuery对象并且返回这组对象中第一个对象出现的位置
console.log($('#foo').index('li')); //返回值为1  给予一个选择器并且返回foo在所有li对象中出现的位置
console.log($('#bar').index());    //返回值为3 没有参数  返回bar在所有的同辈元素中出现的位置

jQuery中index的用法相关推荐

python中str的index什么意思_python中index的用法是什么
index() 一般用处是在序列中检索参数并返回第一次出现的索引,没找到就会报错,比如:>>> t=tuple('Allen') >>> t ('A', 'l', ...
jQuery中slice()方法用法实例
本文实例讲述了jQuery中slice()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以选取匹配元素集的子集. 语法结构: 复制代码代码如下: $(selector).slice(sta ...
jQuery中extend的用法
jQuery中extend的用法前言一.Jquery的扩展方法原型是: 二.省略dest参数 1.$.extend(src) 2.$.fn.extend(src) 三.Jquery的extend方 ...
jQuery中each的用法之退出循环和结束本次循环
$.each(array, function(k, v) {}); jQuery中each类似于javascript的for循环 ,但不同于for循环的是在each里面不能使用break结束循环,也不 ...
jquery 中 stop() 的用法
stop 是jQuery中用于控制页面动画效果的方法.运行之后立刻结束当前页面上的动画效果. stop在新版jQuery中添加了2个参数: 第一个参数的意思是是否清空动画序列,也就是stop的是当前元 ...
jQuery中each的用法
jquery 中each不可以使用break结束循环,也不能使用continue来结束本次循环 break 用return false continue 用return ...
jQuery中 index() 方法的使用
好久之前的日志了,运行在老版本jQuery下的使用范例可能会误导一些朋友. 非常抱歉最新的范例和说明可以见:http://www.css88.com/jqapi-1.9/index/ .index( ...
jQuery中$.fn的用法
在jQuery插件中,常常看见这样的结构,开始自己也是不理解后来通过查阅资料,慢慢的理解其中的大意,所以先总结出来. (function( $, window, document, undefined ...
pythonindex是什么意思_python中index的用法是什么
index() 一般用处是在序列中检索参数并返回第一次出现的索引,没找到就会报错,比如:>>> t=tuple('Allen') >>> t ('A', 'l', ...

jQuery中index的用法

jQuery中index的用法相关推荐

最新文章

热门文章