jQuery中用于控制元素显示和隐藏效果的方法如表1所示。
表1 控制元素的显示和隐藏
在表1中,参数speed表示动画的速度,可设置为动画时长的毫秒值(如1000),或预定的3种速度(slow、fast和normal);参数easing表示切换效果,默认效果为swing,还可以使用linear效果;参数fn表示在动画完成时执行的函数。
下面通过代码演示show()、hide()和toggle()的简单使用。
<style>
div { width: 150px; height: 300px; background-color: pink; }
</style>
<button>显示</button>
<button>隐藏</button>
<button>切换</button>
<div></div>
<script>
$("button").eq(0).click(function() {
$("div").show(1000, function() {
alert("已显示");
});
});
$("button").eq(1).click(function() {
$("div").hide(1000, function() {
alert("已隐藏");