隐藏显示
示例:
<!--隐藏-->
$("#hide").click(function(){
$("p").hide();
});
<!--显示-->
$("#hide").click(function(){
$("p").show();
});
语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
对于可选的 callback 参数,有以下三点说明:
- $(selector)选中的元素的个数为n个,则callback函数会执行n次;
- callback函数名后加括号,会立刻执行函数体,而不是等到显示/隐藏完成后才执行;
- callback既可以是函数名,也可以是匿名函数;
$(document).ready(function(){
$("button").click(function(){
$("p").hide("slow",function(){
alert("段落现在被隐藏了");
});
});
});
jQuery toggle()
通过 $(selector).toggle(speed,callback);方法可以切换 hide() 和 show() 方法。