新聞中心
如何通過jquery隱藏和顯示元素
jQuery 效果 - 隱藏和顯示
創(chuàng)新互聯(lián)建站成立于2013年,我們提供高端網(wǎng)站建設(shè)、網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站定制、網(wǎng)絡(luò)營銷推廣、小程序設(shè)計(jì)、微信公眾號(hào)開發(fā)、seo優(yōu)化服務(wù),提供專業(yè)營銷思路、內(nèi)容策劃、視覺設(shè)計(jì)、程序開發(fā)來完成項(xiàng)目落地,為成都水泥攪拌車企業(yè)提供源源不斷的流量和訂單咨詢。
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中用什么方法隱藏元素
.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。
新聞標(biāo)題:jquery隱藏的元素,jquery隱藏某個(gè)div
轉(zhuǎn)載源于:http://www.dlmjj.cn/article/dseccpd.html