jQuery学习（四）效果——隐藏/显示

来源：互联网发布：幸运28预测软件编辑：程序博客网时间：2024/05/21 01:53

hide()和show()效果

语法：

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

可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

例子：

<!DOCTYPE html><html><head><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){  $(".ex .hide").click(function(){    $(this).parents(".ex").hide("slow");  });});</script><style type="text/css"> div.ex{background-color:#e5eecc;padding:7px;border:solid 1px #c3c3c3;}</style></head> <body><h3>中国办事处</h3><div class="ex"><button class="hide" type="button">隐藏</button><p>联系人：张先生<br /> 北三环中路 100 号<br />北京</p></div><h3>美国办事处</h3><div class="ex"><button class="hide" type="button">隐藏</button><p>联系人：David<br /> 第五大街 200 号<br />纽约</p></div></body></html>

jQuery toggle()

通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素，并隐藏已显示的元素：

语法：

$(selector).toggle(speed,callback);

jQuery学习（四） 效果——隐藏/显示

hide()和show()效果

语法：

例子：

jQuery toggle()

语法：

jQuery学习（四）效果——隐藏/显示