JQuery入門法應用介紹

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

相關(guān)推薦

JQuery入門法應用介紹

　　jQuery提供一些方法（如：toggle）將兩種事件效果合并到一起，比如：mouseover、mouseout；keyup、keydown等

　　1、hover函數(shù)

　　hover(over,out)一個模仿懸停事件（鼠標移動到一個對象上面及移出這個對象）的方法。這是一個自定義的方法，它為頻繁使用的任務提供了一種“保持在其中”的狀態(tài)。

　　參數(shù):

　　over (Function) : 鼠標移到元素上要觸發(fā)的函數(shù)。

　　out (Function): 鼠標移出元素要觸發(fā)的函數(shù)。

　　復制代碼代碼如下:

　　$(function(){

　　$("#panel h5.head").hover(function(){

　　$(this).next().show();// 鼠標懸浮時觸發(fā)

　　},function(){

　　$(this).next().hide();// 鼠標離開時觸發(fā)

　　})

　　2、toggle函數(shù)

　　toggle(fn,fn) 每次點擊時切換要調(diào)用的函數(shù)。如果點擊了一個匹配的元素，則觸發(fā)指定的第一個函數(shù)，當再次點擊同一元素時，則觸發(fā)指定的第二個函數(shù)。隨后的每次點擊都重復對這兩個函數(shù)的輪番調(diào)用。可以使用unbind("click")來刪除。

　　復制代碼代碼如下:

　　$(function(){

　　$("#panel h5.head").toggle(function(){

　　$(this).next().show();// 第一次點擊時觸發(fā)

　　},function(){

　　$(this).next().hide();// 第二次點擊時觸發(fā)，之后不停的切換

　　})

　　toggle() 方法切換元素的可見狀態(tài)。

　　如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。toggle()方法切換元素的可見狀態(tài)。

　　如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。

　　.highlight{ background:#FF3300; }

【JQuery入門法應用介紹】相關(guān)文章：