這篇文章主要介紹“jQuery中toggle和hover的用法介紹”，在日常操作中，相信很多人在jQuery中toggle和hover的用法介紹問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”jQuery中toggle和hover的用法介紹”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

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

hover:

hover是一個(gè)自定義方法，描述的是，狀態(tài)一，狀態(tài)二，鼠標(biāo)滑動(dòng)而觸發(fā)。效果與onmousemove onmouseout類似。對(duì)于這種狀態(tài)，用一個(gè)小例子來(lái)描述，其實(shí)，在復(fù)雜的動(dòng)畫富web應(yīng)用中，hover的作用很廣泛。在function(){},function(){}這兩個(gè)回調(diào)函數(shù)中，足以讓我們發(fā)揮豐富的擴(kuò)展。

.hover(function(){..},function(){..});

                     #de{}                       content  

toggle:

話說，JQuery中toggle這是一個(gè)好玩意，用于綁定多個(gè)事件處理器函數(shù)，以響應(yīng)被選元素的輪流click事件。如果元素是可見的，切換為隱藏。如果元素是隱藏的，切換為可見。

.toggle(function(){},function(){},....);.toggle(speed,function(){}); .toggle(speed,easing,function(){});

speed：顯示與隱藏的速度，默認(rèn)是0。

easing：指定切換效果，默認(rèn)是swing，可選linear。

.toggle()方法還有一種以switch參數(shù)的形式，比如我設(shè)置一個(gè)參數(shù)為int，$("..").toggle(int)。它的類似效果，可以如下：

int ? $("..").show() : $("..").hide();

                     #de{}          .de{ background:#ccc; width:50px; height:50px; margin-top:50px; display:none;}                       content