手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery隐藏和显示效果实现
jQuery隐藏和显示效果实现
摘要:实例jQueryhide()简单的jQueryhide()方法演示。jQueryhide()另一个hide()实例。演示如何隐藏文本。jQu...

实例

jQuery hide()

简单的jQuery hide()方法演示。

jQuery hide()

另一个hide()实例。演示如何隐藏文本。

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 参数是隐藏或显示完成后所执行的函数名称。

下面的例子演示了带有 speed 参数的 hide() 方法:

实例

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

jQuery toggle()

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

显示被隐藏的元素,并隐藏已显示的元素:

实例

$("button").click(function(){ $("p").toggle(); });

语法:

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

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

可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。

【jQuery隐藏和显示效果实现】相关文章:

jQuery简单实现列表隐藏和显示效果示例

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

jQuery聚合函数实例

jquery实现图片左右切换的方法

jQuery判断一个元素是否可见的方法

jQuery实现转动随机数抽奖效果的方法

jQuery实现仿腾讯微博滑出效果报告每日天气的方法

jQuery预加载图片常用方法

jQuery实现延迟跳转的方法

jQuery的Scrollify插件实现滑动到页面下一节点

精品推荐
分类导航