jequery在點(diǎn)擊一個(gè)按鈕時(shí)使用jquery隱藏一個(gè)元素是jQuery提供了toggle()函數(shù)用于切換顯示和隱藏:顯示被隱藏的元素,隱藏已顯示的元素,示例代碼。
創(chuàng)新互聯(lián)成立于2013年,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目成都網(wǎng)站建設(shè)、成都做網(wǎng)站網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元宜興做網(wǎng)站,已為上家服務(wù),為宜興各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575
拓展資料:
html代碼如下:其中有一個(gè)button和一個(gè)div
input type="button" value="button"/
div id="mydiv"/div2.
js代碼如下:
$(function(){
$('input:button').click(function(){ $('div').fadeToggle() }
1、jquery.show()和jquery.hide()方法
語法:
$(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í)長(zhǎng)。它可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是滑動(dòng)完成后所執(zhí)行的函數(shù)名稱。
.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()方法是最簡(jiǎn)單的方法來隱藏一個(gè)元素:
$('.target').hide();
匹配的元素將被立即隱藏,沒有動(dòng)畫。這大致相當(dāng)于調(diào)用.css('display',
'none'),但display屬性值保存在jQuery的數(shù)據(jù)緩存中,所以display可以方便以后可以恢復(fù)到其初始值。如果一個(gè)元素的display屬性值為inline,那么隱藏再顯示時(shí),這個(gè)元素將再次顯示inline。