最新文章專(zhuān)題視頻專(zhuān)題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專(zhuān)題1關(guān)鍵字專(zhuān)題50關(guān)鍵字專(zhuān)題500關(guān)鍵字專(zhuān)題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專(zhuān)題關(guān)鍵字專(zhuān)題tag2tag3文章專(zhuān)題文章專(zhuān)題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專(zhuān)題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

jquery之hide()用法詳解

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 20:17:46
文檔

jquery之hide()用法詳解

jquery之hide()用法詳解:注: 以下函數(shù)用法和hide()類(lèi)似 [參數(shù)類(lèi)型完全一樣]toggle() hide() show()slideToggle() slideUp() slideDown()fadeToggle() fadeOut() fadeIn() jQuery.hide() 函數(shù)詳解hide()函數(shù)用于隱藏所有匹配的元素。此外,你還可以指定元素隱藏
推薦度:
導(dǎo)讀jquery之hide()用法詳解:注: 以下函數(shù)用法和hide()類(lèi)似 [參數(shù)類(lèi)型完全一樣]toggle() hide() show()slideToggle() slideUp() slideDown()fadeToggle() fadeOut() fadeIn() jQuery.hide() 函數(shù)詳解hide()函數(shù)用于隱藏所有匹配的元素。此外,你還可以指定元素隱藏

注: 以下函數(shù)用法和hide()類(lèi)似 [參數(shù)類(lèi)型完全一樣]

toggle()  

  hide()

  show()

slideToggle()

  slideUp()

  slideDown()

fadeToggle()

  fadeOut()

  fadeIn()

jQuery.hide() 函數(shù)詳解

如果元素本身是不可見(jiàn)的,則不對(duì)其作任何改變。如果元素是可見(jiàn)的,則將其隱藏。

與該函數(shù)相對(duì)的是show()函數(shù),用于顯示所有匹配的元素。

該函數(shù)屬于jQuery對(duì)象(實(shí)例)。

語(yǔ)法

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ù)

參數(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元素。
optionsObject類(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)為true。從1.7版本開(kāi)始,

該參數(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ì)象本身。

示例&說(shuō)明

請(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

文檔

jquery之hide()用法詳解

jquery之hide()用法詳解:注: 以下函數(shù)用法和hide()類(lèi)似 [參數(shù)類(lèi)型完全一樣]toggle() hide() show()slideToggle() slideUp() slideDown()fadeToggle() fadeOut() fadeIn() jQuery.hide() 函數(shù)詳解hide()函數(shù)用于隱藏所有匹配的元素。此外,你還可以指定元素隱藏
推薦度:
標(biāo)簽: 使用 用法 hi
  • 熱門(mén)焦點(diǎn)

最新推薦

猜你喜歡

熱門(mén)推薦

專(zhuān)題
Top