jQuery隐藏和显示效果实现
实例
jQueryhide()
简单的jQueryhide()方法演示。
jQueryhide()
另一个hide()实例。演示如何隐藏文本。
jQueryhide()和show()
通过jQuery,您可以使用hide()和show()方法来隐藏和显示HTML元素:
实例
$("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); });
语法:
$(selector).hide(speed,callback); $(selector).show(speed,callback);
可选的speed参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast"或毫秒。
可选的callback参数是隐藏或显示完成后所执行的函数名称。
下面的例子演示了带有speed参数的hide()方法:
实例
$("button").click(function(){ $("p").hide(1000); });
jQuerytoggle()
通过jQuery,您可以使用toggle()方法来切换hide()和show()方法。
显示被隐藏的元素,并隐藏已显示的元素:
实例
$("button").click(function(){ $("p").toggle(); });
语法:
$(selector).toggle(speed,callback);
可选的speed参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast"或毫秒。
可选的callback参数是toggle()方法完成后所执行的函数名称。