JQuery入門法應(yīng)用介紹
jQuery提供一些方法(如:toggle)將兩種事件效果合并到一起,比如:mouseover、mouseout;keyup、keydown等
1、hover函數(shù)
hover(over,out)一個(gè)模仿懸停事件(鼠標(biāo)移動到一個(gè)對象上面及移出這個(gè)對象)的方法。這是一個(gè)自定義的方法,它為頻繁使用的任務(wù)提供了一種“保持在其中”的狀態(tài)。
參數(shù):
over (Function) : 鼠標(biāo)移到元素上要觸發(fā)的函數(shù)。
out (Function): 鼠標(biāo)移出元素要觸發(fā)的函數(shù)。
復(fù)制代碼 代碼如下:
$(function(){
$("#panel h5.head").hover(function(){
$(this).next().show();// 鼠標(biāo)懸浮時(shí)觸發(fā)
},function(){
$(this).next().hide();// 鼠標(biāo)離開時(shí)觸發(fā)
})
})
2、toggle函數(shù)
toggle(fn,fn) 每次點(diǎn)擊時(shí)切換要調(diào)用的函數(shù)。如果點(diǎn)擊了一個(gè)匹配的.元素,則觸發(fā)指定的第一個(gè)函數(shù),當(dāng)再次點(diǎn)擊同一元素時(shí),則觸發(fā)指定的第二個(gè)函數(shù)。隨后的每次點(diǎn)擊都重復(fù)對這兩個(gè)函數(shù)的輪番調(diào)用。 可以使用unbind("click")來刪除。
復(fù)制代碼 代碼如下:
$(function(){
$("#panel h5.head").toggle(function(){
$(this).next().show();// 第一次點(diǎn)擊時(shí)觸發(fā)
},function(){
$(this).next().hide();// 第二次點(diǎn)擊時(shí)觸發(fā),之后不停的切換
})
})
toggle() 方法切換元素的可見狀態(tài)。
如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。toggle()方法切換元素的可見狀態(tài)。
如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。
.highlight{ background:#FF3300; }
【JQuery入門法應(yīng)用介紹】相關(guān)文章:
4.關(guān)于jQuery trigger()方法用法介紹