需要准备的材料分别有：电脑、html编辑器、浏览器。
创新互联公司主要从事成都做网站、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务川汇,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的script标签，输入jquery代码：
$('select option').each(function (i) {
if ($(this).attr('selected')) {
$('body').append(i);
}
});
3、浏览器运行index.html页面，此时用jquery获取到了option的索引值被打印了出来。
[img]jQuery 的 index() 方法返回指定元素相对于其他指定元素的索引值，注意：索引值是从0开始计数的。获得当前元素的索引值可用click事件触发
示例代码如下：获取被点击的a标签的索引值
1，创建Html元素
2，设置css样式
3，编写jquery代码
4，观察效果：因为index从0开始计数，所以点击第三个元素，获取的索引值是2
扩展资料
jQuery的核心特性：
1，具有独特的链式语法和短小清晰的多功能接口；
2，具有高效灵活的css选择器，并且可对CSS选择器进行扩展；
3，拥有便捷的插件扩展机制和丰富的插件。
4，jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
参考资料：jQuery - 百度百科
jquery提供了获得第一个匹配元素相对于其同胞元素的位置的方法——index()，注意：
index从0开始计数
如果未找到元素，index() 将返回 -1。
实例演示如下
创建Html元素
div class="box"
span点击li元素即可获取其index：/spanbr
div class="content"
ul
liGlen/li
li Tane/li
liJohn/li
li Ralph/li
/ul
/div
/div
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
li{margin:5px;list-style: none;}
.red{color:red !important;}
编写jquery代码
$(function(){
$("ul li").click(function() {
$(this).addClass('red'); // 应用样式以突出
n = $(this).index();
alert("被点击的li标签的index顺序为："+n+"，实际顺序为："+(n+1)+"。");
});
});
观察效果
jquery获取元素索引值index()方法：
jquery的index()方法
搜索匹配的元素，并返回相应元素的索引值，从0开始计数。
如果不给
.index()
方法传递参数，那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。
如果参数是一组DOM元素或者jQuery对象，那么返回值就是传递的元素相对于原先集合的位置。
如果参数是一个选择器，那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素，则返回-1。
复制代码代码如下:
foo
bar
baz
$('li').index(document.getElementById('bar'));
//1，传递一个DOM对象，返回这个对象在原先集合中的索引位置
$('li').index($('#bar'));
//1，传递一个jQuery对象
$('li').index($('li:gt(0)'));
//1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置
$('#bar').index('li');
//1，传递一个选择器，返回#bar在所有li中的做引位置
$('#bar').index();
//1，不传递参数，返回这个元素在同辈中的索引位置。
jquery获取元素索引值index()示例
复制代码代码如下:
//用于二级或者三级联动
建站素材
jquery特效
懒人主机
前端路上
$("#nav
a").click(function(){
//四个经典的用法
var
index1
=
$("#nav
a").index(this);
var
index2
=
$("#nav
a").index($(this));
var
index3
=
$(this).index()
var
index3
=
$(this).index("a")
alert(index3);
return
false;
});
