JQuery show()用法及代码示例

jQuery show() 方法用于显示所选元素。

用法：

$(selector).show();
$(selector).show(speed, callback);
$(selector).show(speed, easing, callback);

speed: 它是一个可选参数。它指定延迟的速度。它的可能值是慢、快和毫秒。

easing:它指定用于过渡的缓动函数。

callback:它也是一个可选参数。指定show() 效果完成后调用的函数。

举个例子来看看jQuery的展示效果。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/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>This is a little poem:</b><br/>
Twinkle, twinkle, little star<br/>
How I wonder what you are<br/>
Up above the world so high<br/>
Like a diamond in the sky<br/>
Twinkle, twinkle little star<br/>
How I wonder what you are
</p>
<button id="hide">Hide</button>
<button id="show">Show</button>
</body>
</html>

输出：

这是一首小诗：
一闪一闪的小星星
我怎么想知道你是什么
在世界之上如此之高
就像天上的一颗钻石
一闪一闪的小星星
我怎么想知道你是什么

带有速度参数的 jQuery show() 效果

让我们看看jQuery以1500毫秒的速度显示效果的例子。

$(document).ready(function(){
        $("#hide").click(function(){
        $("p").hide(1000);
    });
    $("#show").click(function(){
        $("p").show(1500);
    });
});

相关用法

注：本文由纯净天空筛选整理自 jQuery show()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。