sophiehui

导航

 

jquery用hide()和show()函数来控制html元素的显示和隐藏。

hide()和show()都可以带参数的,hide(1000)表示隐藏所需的时间为1秒。此外还可以用slow,fast参数。

hide(speed,callback),speed代表速度,callback代表隐藏之后执行的函数。

 toggle() 方法可以实现hide()和show()函数的切换直接使用一个方法实两个方法的功能。toggle(speed,callback)方法的参数前者代表速度,后者代表执行显示或隐藏之后需要执行的函数。两个参数可以只有一个。

例如:

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮,我就会消失。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
</body>
</html>

posted on 2016-08-18 10:05  sophiehui  阅读(836)  评论(0编辑  收藏  举报