JQuery入門(mén)法應(yīng)用介紹

時(shí)間：2024-06-21 19:28:46 jQuery Mobile 我要投稿

相關(guān)推薦

　　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入門(mén)法應(yīng)用介紹】相關(guān)文章：