jQuery show()

jQuery show()方法用于显示选定的元素。
句法:

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

速度:这是一个可选参数。它指定延迟的速度。其可能的值是慢, 快和毫秒。
缓动:指定用于过渡的缓动功能。
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 show()效果与速度参数让我们看一下jQuery以1500毫秒的速度显示效果的示例。
$(document).ready(function(){ $("#hide").click(function(){ $("p").hide(1000); }); $("#show").click(function(){ $("p").show(1500); }); });

立即测试

    推荐阅读