AI智能
改变未来

JQuery效果 隐藏和显示HTML元素

语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
实例:

$(\"#hide\").click(function(){$(\"p\").hide(1000);});

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:“slow”、“fast” 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

下面的例子演示了带有 speed 参数的 hide() 方法,并使用回调函数:

<head><script>$(document).ready(function(){$(\".hidebtn\").click(function(){$(\"div\").hide(1000,\"linear\",function(){alert(\"Hide() 方法已完成!\");});});});</script></head><body><div>隐藏及设置回调函数</div><button class=\"hidebtn\">隐藏</button></body>

第二个参数是一个字符串,表示过渡使用哪种缓动函数。(注:jQuery自身提供\”linear\” 和 “swing”,其他可以使用相关的插件)。

jQuery toggle()
通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素,并隐藏已显示的元素:
实例:

$(\"button\").click(function(){$(\"p\").toggle();});
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » JQuery效果 隐藏和显示HTML元素