jQuery里面隱藏和顯示效果怎么寫?

1、jquery.show()和jquery.hide()方法

創(chuàng)新互聯(lián)長期為千余家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為浚縣企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)，浚縣網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

語法：

$(selector).show(speed,callback);

$(selector).hide(speed,callback);

2、jquery.toggle()方法

語法：

$(selector).toggle(speed,callback);

3、帶有淡入淡出效果的顯示和隱藏

$(selector).fadeIn(speed,callback)

$(selector).fadeOut(speed,callback)

$(selector).fadeToggle(speed,callback)

$(selector).fadeTo(speed,opacity,callback)

4、帶有滑動(dòng)效果的顯示和隱藏

$(selector).slideDown(speed,callback)

$(selector).slideUp(speed,callback)

$(selector).slideToggle(speed,callback)

注意：

可選的 speed 參數(shù)規(guī)定效果的時(shí)長。它可以取以下值："slow"、"fast" 或毫秒。

可選的 callback 參數(shù)是滑動(dòng)完成后所執(zhí)行的函數(shù)名稱。

jquery中用什么方法隱藏元素

.hide()

這個(gè)方法不接受任何參數(shù)。

.hide(

[duration

]

[,

complete

]

)

duration

(默認(rèn):

400)

類型:

Number

or

String

一個(gè)字符串或者數(shù)字決定動(dòng)畫將運(yùn)行多久。

complete

類型:

Function()

在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)。

如果沒有參數(shù)，.hide()方法是最簡單的方法來隱藏一個(gè)元素：

$('.target').hide();

匹配的元素將被立即隱藏，沒有動(dòng)畫。這大致相當(dāng)于調(diào)用.css('display',

'none')，但display屬性值保存在jQuery的數(shù)據(jù)緩存中，所以display可以方便以后可以恢復(fù)到其初始值。如果一個(gè)元素的display屬性值為inline，那么隱藏再顯示時(shí)，這個(gè)元素將再次顯示inline。

如何通過jquery隱藏和顯示元素

jQuery 效果 - 隱藏和顯示

jQuery hide() 和 show()

通過 jQuery，您可以使用 hide() 和 show() 方法來隱藏和顯示 HTML 元素：

$("#hide").click(function(){

$("p").hide();

});

$("#show").click(function(){

$("p").show();

});

語法：

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

可選的 speed 參數(shù)規(guī)定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。

可選的 callback 參數(shù)是隱藏或顯示完成后所執(zhí)行的函數(shù)名稱。

下面的例子演示了帶有 speed 參數(shù)的 hide() 方法：

實(shí)例

$("button").click(function(){??$("p").hide(1000);});

jQuery toggle()

通過 jQuery，您可以使用 toggle() 方法來切換 hide() 和 show() 方法。

顯示被隱藏的元素，并隱藏已顯示的元素：

實(shí)例

$("button").click(function(){??$("p").toggle();});

語法：

$(selector).toggle(speed,callback);

可選的 speed 參數(shù)規(guī)定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。

可選的 callback 參數(shù)是 toggle() 方法完成后所執(zhí)行的函數(shù)名稱。

jequery如何在點(diǎn)擊一個(gè)按鈕時(shí)使用jquery隱藏一個(gè)元素

jequery在點(diǎn)擊一個(gè)按鈕時(shí)使用jquery隱藏一個(gè)元素是jQuery提供了toggle()函數(shù)用于切換顯示和隱藏：顯示被隱藏的元素，隱藏已顯示的元素，示例代碼。

拓展資料：

html代碼如下：其中有一個(gè)button和一個(gè)div

input type="button" value="button"/

div id="mydiv"/div2.

js代碼如下：

$(function(){

$('input:button').click(function(){ $('div').fadeToggle() }

分享名稱：jquery讓元素隱藏,jQuery隱藏元素
網(wǎng)站網(wǎng)址：http://chinadenli.net/article47/dsspiej.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、定制網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、小程序開發(fā)、網(wǎng)站制作、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)