jQuery效果 - 隐藏和显示
方法
语法
$(selector).hide(speed,callback);//隐藏
$(selector).show(speed,callback);//显示
$(selector).toggle(speed,callback);//隐藏与显示切换
代码
<!doctype html>
<html>
<head>
<title>jq隐藏与显示</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#hide").click(function(){
$("#p1").hide("slow");
});
$("#show").click(function(){
$("#p1").show("fast");
});
$("#hide1").click(function(){
$("p").hide();
});
$("#show1").click(function(){
$("p").show();
});
$("#toggle").click(function(){
$("p").toggle("233");
});
});
</script>
</head>
<body>
<input type="button" id="hide" value="慢慢隐藏1" "">
<input type="button" id="hide1" value="全部隐藏" "">
<input type="button" id="show" value="快速显示1" "">
<input type="button" id="show1" value="全部显示" "">
<input type="button" id="toggle"value="切换" "">
<p id="p1">hello world!</p>
<p>hello world1!</p>
<p>hello world2!</p>
</body>
</html>