jquery提供了獲得第一個匹配元素相對于其同胞元素的位置的方法——index(),注意:
企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的,是企業(yè)文化與產(chǎn)品對外擴展宣傳的重要窗口,一個合格的網(wǎng)站不僅僅能為公司帶來巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺,創(chuàng)新互聯(lián)建站面向各種領域:成都圍欄護欄等成都網(wǎng)站設計公司、網(wǎng)絡營銷推廣解決方案、網(wǎng)站設計等建站排名服務。
index從0開始計數(shù)
如果未找到元素,index() 將返回 -1。
實例演示如下
創(chuàng)建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開始計數(shù)。
如果不給
.index()
方法傳遞參數(shù),那么返回值就是這個jQuery對象集合中第一個元素相對于其同輩元素的位置。
如果參數(shù)是一組DOM元素或者jQuery對象,那么返回值就是傳遞的元素相對于原先集合的位置。
如果參數(shù)是一個選擇器,那么返回值就是原先元素相對于選擇器匹配元素中的位置。如果找不到匹配的元素,則返回-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在所有l(wèi)i中的做引位置
$('#bar').index();
//1,不傳遞參數(shù),返回這個元素在同輩中的索引位置。
jquery獲取元素索引值index()示例
復制代碼代碼如下:
//用于二級或者三級聯(lián)動
建站素材
jquery特效
懶人主機
前端路上
$("#nav
a").click(function(){
//四個經(jīng)典的用法
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;
});
需要準備的材料分別有:電腦、html編輯器、瀏覽器。
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的索引值被打印了出來。
jQuery 的 index() 方法返回指定元素相對于其他指定元素的索引值,注意:索引值是從0開始計數(shù)的。獲得當前元素的索引值可用click事件觸發(fā)
示例代碼如下:獲取被點擊的a標簽的索引值
1,創(chuàng)建Html元素
2,設置css樣式
3,編寫jquery代碼
4,觀察效果:因為index從0開始計數(shù),所以點擊第三個元素,獲取的索引值是2
擴展資料
jQuery的核心特性:
1,具有獨特的鏈式語法和短小清晰的多功能接口;
2,具有高效靈活的css選擇器,并且可對CSS選擇器進行擴展;
3,擁有便捷的插件擴展機制和豐富的插件。
4,jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
參考資料:jQuery - 百度百科
是元素序號的意思,比如ulli/lili/li/ul,第一個li就是$("li:first").index(),它的序號就為0,第二個為1
就是當前元素相對其他相同元素所在的位置,從0開始。
比如
div
p class='p1'/p
p class='p2'/p
p class='p3'/p
/div
var index1 = $('.p1').index();
var index2 = $('.p2').index();
var index3 = $('.p3').index();
得到的index1,index2,index3的索引值分別為0,1,2
網(wǎng)頁題目:關于jqueryindex的信息
文章網(wǎng)址:http://m.rwnh.cn/article36/dsdhipg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設、外貿(mào)建站、網(wǎng)頁設計公司、關鍵詞優(yōu)化、網(wǎng)站收錄、軟件開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)