手机
当前位置:查字典教程网 >编程开发 >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任意位置浮动固定层插件用法实例

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

jQuery构造函数init参数分析续

jQuery实现给页面换肤的方法

JavaScript实现广告的关闭与显示效果实例

JQuery分屏指示器图片轮换效果实例

jQuery插件zepto.js简单实现tab切换

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

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

精品推荐
分类导航