十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
本篇內(nèi)容主要講解“jquery如何判斷點(diǎn)擊了第幾個(gè)元素”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“jquery如何判斷點(diǎn)擊了第幾個(gè)元素”吧!
成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比富拉爾基網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式富拉爾基網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋富拉爾基地區(qū)。費(fèi)用合理售后完善,10余年實(shí)體公司更值得信賴。
方法:1、利用bind()方法給元素綁定click點(diǎn)擊事件并指定一個(gè)事件處理函數(shù);2、在處理函數(shù)中用index()方法判斷點(diǎn)擊的位置,語法為“$(元素對(duì)象).bind('click',function(){元素對(duì)象.index();})”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。
jquery怎樣判斷點(diǎn)擊了第幾個(gè)元素
在jquery中想要去判斷點(diǎn)擊了第幾個(gè),需要用到bind()方法和index()方法,使用bind()方法給每一個(gè)標(biāo)簽綁定click點(diǎn)擊事件,通過index()方法獲得當(dāng)前點(diǎn)擊標(biāo)簽的位置索引。
bind() 方法向被選元素添加一個(gè)或多個(gè)事件處理程序,以及當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。
語法為:
$(selector).bind(event,data,function,map)
index() 方法返回指定元素相對(duì)于其他指定元素的 index 位置。
語法為:
$(selector).index()
下面我們通過示例來看一下,示例如下:
新建一個(gè)html文件,命名為test.html,用于講解用jquery怎么知道我點(diǎn)擊的是第幾個(gè)li。使用script標(biāo)簽加載jquery.min.js文件,成功加載該文件,才能使用jquery方法。使用ul標(biāo)簽,li標(biāo)簽創(chuàng)建一個(gè)列表,例如,創(chuàng)建三個(gè)項(xiàng)目列表。使用ready()方法在頁面加載完成時(shí),執(zhí)行function方法。
在function方法內(nèi),通過獲得li對(duì)象,使用bind()方法給每一個(gè)li綁定click點(diǎn)擊事件,當(dāng)li被點(diǎn)擊時(shí),通過index()方法獲得當(dāng)前l(fā)i標(biāo)簽的索引值,最后,使用alert()方法輸出索引值。
代碼如下:
輸出結(jié)果,當(dāng)點(diǎn)擊標(biāo)簽時(shí):
到此,相信大家對(duì)“jquery如何判斷點(diǎn)擊了第幾個(gè)元素”有了更深的了解,不妨來實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!