toggle()
hide()
show()
slideToggle()
slideUp()
slideDown()
fadeToggle()
fadeOut()
fadeIn()
如果元素本身是不可見(jiàn)的,則不對(duì)其作任何改變。如果元素是可見(jiàn)的,則將其隱藏。
與該函數(shù)相對(duì)的是show()函數(shù),用于顯示所有匹配的元素。
該函數(shù)屬于jQuery
對(duì)象(實(shí)例)。
jQuery 1.0 新增該函數(shù)。hide()
函數(shù)主要有以下兩種形式的用法:
用法一:jQuery 1.4.3 新增支持參數(shù)easing
。
jQueryObject.hide( [ duration ] [, easing ] [, complete ] )
用法二:
jQueryObject.hide( options )
用法二是用法一的變體。以對(duì)象形式指定所需的選項(xiàng)參數(shù)(可指定比用法一更多的選項(xiàng)參數(shù))。
參數(shù) | 描述 |
---|---|
duration | 可選/String/Number類(lèi)型指定過(guò)渡動(dòng)畫(huà)運(yùn)行多長(zhǎng)時(shí)間(毫秒數(shù)),默認(rèn)值為400。 該參數(shù)也可以為字符串"fast"(=200)或"slow"(=600)。 |
easing | 可選/String類(lèi)型指定使用何種動(dòng)畫(huà)效果,默認(rèn)為"swing",還可以設(shè)為"linear"或 其他自定義的動(dòng)畫(huà)樣式的函數(shù)名稱(chēng)。 swing:擺動(dòng)效果(秋千),兩邊慢,中間快。linear: 線(xiàn)性 |
complete | 可選/Function類(lèi)型元素隱藏完畢后需要執(zhí)行的函數(shù)。函數(shù)內(nèi)的this 指向當(dāng)前DOM元素。 |
options | Object類(lèi)型指定的選項(xiàng)參數(shù)對(duì)象。 |
如果沒(méi)有為hide()
指定任何參數(shù),則將以最快方式直接隱藏元素,不使用動(dòng)畫(huà)效果。
參數(shù)options
對(duì)象可以識(shí)別如下的屬性(以下屬性均是可選的):
屬性 | 屬性描述 |
---|---|
duration | 參見(jiàn)參數(shù)duration 。 |
easing | 參見(jiàn)參數(shù)easing 。 |
complete | 參見(jiàn)參數(shù)complete 。 |
queue | Boolean類(lèi)型指示是否將動(dòng)畫(huà)放入效果隊(duì)列中,默認(rèn)為 該參數(shù)可以為字符串,用于放入指定名稱(chēng)的效果隊(duì)列。如果你指定的隊(duì)列不會(huì)自動(dòng)開(kāi)始, 你需要手動(dòng)調(diào)用dequeue("queueName")來(lái)啟動(dòng)隊(duì)列。 |
此外,jQuery 1.4 和 1.8 還為參數(shù)options
新增了許多新的選項(xiàng)支持,但這些參數(shù)并不常用,此處不再贅述,詳見(jiàn)jQuery官方文檔。
hide()
函數(shù)的返回值為jQuery類(lèi)型,返回當(dāng)前jQuery對(duì)象本身。
請(qǐng)參考下面這段初始HTML代碼:
<p>CodePlayer</p>
<p>專(zhuān)注于編程開(kāi)發(fā)技術(shù)分享</p>
隱藏效果:
<select id="animation">
<option value="1">hide( )</option>
<option value="2">hide( "slow" )</option>
<option value="3">hide( 3000 )</option>
<option value="4">hide( 1000, complete )</option>
<option value="5">hide( 1000, "linear" )</option>
<option value="6">hide( options )</option>
</select>
<input id="btnShow" type="button" value="顯示" />
<input id="btnHide" type="button" value="隱藏" />
以下是與hide()
函數(shù)相關(guān)的jQuery示例代碼,以演示hide()
函數(shù)的具體用法:
// 【顯示】按鈕
$("#btnShow").click( function(){
$("p").show( );
} );//【隱藏】按鈕
$("#btnHide").click( function(){
var v = $("#animation").val();
if( v == "1" ){
$("p").hide( );
}else if(v == "2"){
$("p").hide( "slow" );
}else if(v == "3"){
$("p").hide( 3000 );
}else if(v == "4"){
$("p").hide( 1000, function(){
alert("隱藏完畢!");
} );
}else if(v == "5"){
$("p").hide( 1000, "linear" );
}else if(v == "6"){
$("p").hide( { duration: 1000 } );
}
} );
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com