jQuery 效果-隐藏和显示
原创

jQuery 效果-隐藏和显示

好文
试试语音读文章

掩藏、展现、更换。滑动。淡入淡出。以及动作漫画。哇哦!

点一下 展现/掩藏面板

实例

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

您还感兴趣的文章推荐

以上就是由互联网推广工程师 网创网 整理编辑的,如果觉得有帮助欢迎收藏转发~

分享到 :
相关推荐

发表评论

您的电子邮箱地址不会被公开。

评论(2)

  • 归属感 永久VIP 2022年12月14日 02:27:30

    jQuery 效果-隐藏和显示 这篇解答确实也是太好了

  • 且听风雨 永久VIP 2022年12月14日 02:27:30

    可选,实例,途径,参数,演示,您可以,元素,语法,函数,速度

  • 苏梦北 永久VIP 2022年12月14日 02:27:30

    掩藏、展现、更换。滑动。淡入淡出。以及动作漫画。哇哦!点一下 展现/掩藏面板实例jQuery hide()简单的jQue