锐客网

  1. 首页 > 睿知 > >

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();});

jQuery 效果-隐藏和显示

文章插图
语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定掩藏/展现的速度 。可以取以下值："slow"、"fast" 或毫秒 。
【jQuery 效果-隐藏和显示】可选的 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 参数是掩藏或展现完成后所执行的函数名称 。

    推荐阅读


    上一篇：灵魂知己和知己有什么区别？灵魂知己和知己的含义是什么？

    下一篇：用无花果熬水洗痔疮,会好吗？