如何使用jquery隐藏动画效果的hide()方法

小编介绍jquery实现动画显示效果的show()方法，与show()方法相对应的是hide()方法。hide()方法可以实现动画的隐藏效果，并且可以指定元素隐藏的过渡动画效果，本文介绍jquery实现动画隐藏效果的hide()方法的原理及具体实现。

1、hide()方法

用于隐藏所有匹配的元素。此外，你还可以指定元素隐藏的过渡动画效果。

如果元素本身是不可见的，则不对其作任何改变。如果元素是可见的，则将其隐藏。

2、使用语法

$(selector).hide(speed,callback)

3、使用参数

speed（可选）：规定元素从可见到隐藏的速度。默认为 "0"。

在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。

callback（可选）：hide 函数执行完之后，要执行的函数。

4、使用实例

<script>
	$("button").click(function(){
		$("p").hide();		/* 隐藏所有 <p> 元素*/
	});
</script>

以上就是jquery实现动画隐藏效果的hide()方法介绍，希望能对你有所帮助哦~更多JavaScript学习推荐：JavaScript教程。

在JavaScript中，如果想要设计隐藏和显示标签非常的麻烦，通过jQuery就可以简单的实现，而且还可以设计淡入的效果。jQuery淡入效果的实现是通过fadeIn()方法解决的，用 ...