jquery之hide()用法詳解-js教程-PHP中文網

jQuery.hide ()
函數詳解

hide()函數用於隱藏所有符合的元素。此外，你還可以指定元素隱藏的過渡

如果元素本身是不可見的，則不對其作任何變更。如果元素是可見的，則將其隱藏。

#用法一：jQuery

用法二：	jQueryObject.hide( options ) 用法二是用法一的變體。以物件形式指定所需的選項參數(可指定比用法一更多的選項參數)。
參數	參數 #描述
duration	#可選/String/Number類型指定過渡動畫運行多久(毫秒數)，預設值為400。此參數也可以是字串 "fast"(=200)或"slow"(=600)。
easing	#可選/String類型指定使用何種動畫效果，預設為"swing"，也可以設為"linear"或
swing:擺動效果（鞦韆），兩邊慢，中間快。 linear: 線性	complete

用法二：

jQueryObject.hide( options )

用法二是用法一的變體。以物件形式指定所需的選項參數(可指定比用法一更多的選項參數)。

參數

#描述

duration

#可選/String/Number類型指定過渡動畫運行多久(毫秒數)，預設值為400。

此參數也可以是

字串

"fast"(=200)或"slow"(=600)。

easing

#可選/String類型指定使用何種動畫效果，預設為"swing"，也可以設為"linear"或

swing:擺動效果（鞦韆），兩邊慢，中間快。 linear: 線性

complete

如果没有为hide()指定任何参数，则将以最快方式直接隐藏元素，不使用动画效果。

参数options对象可以识别如下的属性(以下属性均是可选的)：

属性	属性描述
duration	参见参数`duration`。
easing	参见参数`easing`。
complete	参见参数`complete`。
queue	Boolean类型指示是否将动画放入效果队列中，默认为`true`。从1.7版本开始，该参数可以为字符串，用于放入指定名称的效果队列。如果你指定的队列不会自动开始，你需要手动调用dequeue("queueName")来启动队列。

属性

属性描述

duration

参见参数duration。

easing

参见参数easing。

complete

参见参数complete。

queue

Boolean类型指示是否将动画放入效果队列中，默认为true。从1.7版本开始，

该参数可以为字符串，用于放入指定名称的效果队列。如果你指定的队列不会自动开始，

你需要手动调用dequeue("queueName")来启动队列。

此外，jQuery 1.4 和 1.8 还为参数options新增了许多新的选项支持，但这些参数并不常用，此处不再赘述，详见jQuery官方文档。

返回值

示例&说明

CodePlayer 专注于编程开发技术分享 隐藏效果： <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()函数相关的jQuery示例代码，以演示hide()函数的具体用法：

// 【显示】按钮 $("#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 } ); } } );

以上是jquery之hide()用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！