- 相關(guān)推薦
JQuery入門法應(yīng)用介紹
jQuery提供一些方法(如:toggle)將兩種事件效果合并到一起,比如:mouseover、mouseout;keyup、keydown等
1、hover函數(shù)
hover(over,out)一個(gè)模仿懸停事件(鼠標(biāo)移動(dòng)到一個(gè)對(duì)象上面及移出這個(gè)對(duì)象)的方法。這是一個(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)離開(kāi)時(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ù)對(duì)這兩個(gè)函數(shù)的輪番調(diào)用。 可以使用unbind("click")來(lái)刪除。
復(fù)制代碼 代碼如下:
$(function(){
$("#panel h5.head").toggle(function(){
$(this).next().show();// 第一次點(diǎn)擊時(shí)觸發(fā)
},function(){
$(this).next().hide();// 第二次點(diǎn)擊時(shí)觸發(fā),之后不停的切換
})
})
toggle() 方法切換元素的可見(jiàn)狀態(tài)。
如果被選元素可見(jiàn),則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。toggle()方法切換元素的可見(jiàn)狀態(tài)。
如果被選元素可見(jiàn),則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。
.highlight{ background:#FF3300; }
【JQuery入門法應(yīng)用介紹】相關(guān)文章:
入職ppt自我介紹通用12-18
比的應(yīng)用.PPT08-23
小學(xué)應(yīng)用題10-24
Excel應(yīng)用技巧歸納07-22
小學(xué)方程應(yīng)用題06-26
植物造景技術(shù)的應(yīng)用02-03
小學(xué)應(yīng)用題公式09-06