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()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。