掩藏、展现、更换 。滑动 。淡入淡出 。以及动作漫画 。哇哦!
点一下 展现/掩藏面板
实例
jQuery hide()
简单的jQuery hide()途径演示 。
jQuery hide()
另外一个hide()实例 。演示怎么样掩藏文本 。
jQuery hide() 和 show()
通过 jQuery 。您可以使用 hide() 和 show() 途径来掩藏和展现 html 元素:
【jquery jQuery】实例
$("#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 参数是掩藏或展现完成后所执行的函数名称 。
- 3款经典jQuery图片滚动代码 超赞的jQuery图片滑块动画特效代码汇总
- jQuery获取元素宽高 jquery获取元素的宽度
- 日本现千年来最早樱花季 美好景象背后掩藏危机?
- 美警“跪杀”案和解!是否掩藏更多的未知冲突?