如何运用jQuery实现页面元素的动态隐藏与显示效果？

本文共计778个文字，预计阅读时间需要4分钟。

本文实例讲解了jQuery隐藏/显示效果函数的使用方法。分享给家长参考，具体如下：

jQuery隐藏/显示效果函数用法：

jQuery提供hide()和show()方法，通过这些方法，您可以使用hide()来隐藏元素，使用show()来显示元素。

实例：javascriptjQuery(p).hide(); // 隐藏所有段落元素jQuery(p).show(); // 显示所有段落元素

本文实例讲述了jQuery 隐藏/显示效果函数用法。分享给大家供大家参考，具体如下：

jQuery 效果- 隐藏和显示

jQuery hide() 和 show()

通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：

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

语法:

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

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