這篇文章主要介紹了jquery怎么給類添加事件的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇jquery怎么給類添加事件文章都會(huì)有所收獲，下面我們一起來看看吧。

專注于為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)路北免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

jquery可以通過選擇器選擇一類的標(biāo)簽集合。然后通過$（this）指向當(dāng)前對象。

$（"#ul li"）這個(gè)可以獲取id為ul下的所有的li 當(dāng)鼠標(biāo)經(jīng)過某個(gè)li是使用$（this）表示當(dāng)前的li對象在進(jìn)行操作。

每個(gè)li都添加mouseover可以理解為 每個(gè)li都觸發(fā)mouseover事件。

例如：

123

$（"#ul li"）。mouseover（function（）{//jquery的mouseover事件

alert（$（this）。index（））;//彈出每個(gè)li的的位置

//這樣就能實(shí)現(xiàn)每個(gè)li都綁定mouseover事件

}）;

這應(yīng)該是簡單的滑動(dòng)門效果。

HTML的結(jié)構(gòu)估計(jì)就是你這樣了，左邊是列表，右邊是div組。

其實(shí)，你只要明白，左邊的列表和右邊的div組都是有索引值（index）的。然后通過一個(gè)變量來控制就可以了，這樣這個(gè)變量即可以給左邊的列表用，也可以給右邊的按鈕用。var int=0; //初始化一個(gè)變量

//定義一個(gè)函數(shù)，用來隱藏顯示右側(cè)的div和控制左側(cè)的列表

function divShow（int）{

$（'#right .item'）。hide（）。eq（int）。show（）;

$（'#left li'）。removeClass（'current'）。eq（int）。addClass（'current'）;

}

我們需要給左側(cè)的列表添加事件；$（'#left li'）。bind（{

'mouseover' : function（）{

//獲取當(dāng)前元素的索引值

int=$（this）。index（）;

//執(zhí)行函數(shù)，這里會(huì)顯示右側(cè)的第一個(gè)div元素

divShow（int）;

},

'mouseout' : function（）{

//鼠標(biāo)劃開時(shí)的操作

//int=0;

//divShow（int）;

}

}）;

側(cè)邊的按鈕也是一樣//上翻

$（'#prev'）。bind（{

'click' : function（）{

//這里要使用判斷

if（int <=0）{

//這里的個(gè)數(shù)可以拿到外面定義；

int=（$（'#right .item'）。length-1）;

}else{

int=（int-1）;

};

int=int;

}

}）;

//下翻

$（'#next'）。bind（{

'click' : function（）{

//這里要使用判斷

if（int >=（$（'#right .item'）。length-1））{

//這里的個(gè)數(shù)可以拿到外面定義；

int=0;

}else{

int=（int+1）;

};

int=int;

}

}）;

關(guān)于“jquery怎么給類添加事件”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“jquery怎么給類添加事件”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

標(biāo)題名稱：jquery怎么給類添加事件
地址分享：http://www.js-pz168.com/article34/jeodpe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站維護(hù)、商城網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、電子商務(wù)、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)