JQuery show()
JQuery show()方法用于显示所选元素。
语法:
$(selector).show();
$(selector).show(speed, callback);
$(selector).show(speed, easing, callback);
speed: 这是一个可选参数。它指定延迟的速度。可能的值是慢,快和毫秒。
easing: 它指定用于过渡的缓和功能。
callback: 也是可选参数。它指定了show()效果完成后要调用的函数。
让我们举个例子来看一下JQuery的show效果。
<!DOCTYPE html>
<html>
<head>
<script src="/ajax/libs/JQuery/1.11.2/JQuery.min.js"></script>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p>
<b>这是一首小诗: </b><br/>
一闪一闪的小星星<br/>
我想知道你是什么<br/>
如此之高<br/>
像天空中的钻石<br/>
一闪一闪,一闪一闪的小星星<br/>
我想知道你是什么
</p>
<button id="hide">隐藏</button>
<button id="show">显示</button>
</body>
</html>
输出:
这是一首小诗:
一闪一闪的小星星
我想知道你是什么
如此之高
像天空中的钻石
一闪一闪,小星星闪烁一闪
我怎么想知道你是什么
具有速度参数的JQuery show()效果
让我们看一下1500毫秒速度的JQuery show效果示例。
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide(1000);
});
$("#show").click(function(){
$("p").show(1500);
});
});
输出:
这是一首小诗:
一闪一闪的小星星
我想知道你是什么
如此之高
像天空中的钻石
一闪一闪,小星星闪烁一闪
我怎么想知道你是什么