隐藏、显示、切换、滑动、淡入淡出和动画。哇哦!
例子
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);
可选的速度参数指定隐藏/显示的速度,可以取以下值:“慢”、“快”或毫秒。
可选的回调参数是在hide()或show()方法完成后执行的函数(您将在后面的章节中了解有关回调函数的更多信息)。
下面的例子演示了速度参数hide():
例子
$("button").click(function(){
$("p").hide(1000);
});
jQuery 切换()
您还可以使用该方法在隐藏和显示元素之间切换toggle()。
显示的元素被隐藏,隐藏的元素被显示:
例子
$("button").click(function(){
$("p").toggle();
});
句法:
$(selector).toggle(speed,callback);
可选的速度参数可以采用以下值:“慢”、“快”或毫秒。
toggle()可选的回调参数是完成后要执行的函数 。
jQuery 练习
通过练习测试自己
锻炼:
使用 jQuery 方法在点击 <p> 元素时隐藏该元素。
$(“p”).click(函数(){
$(这个)。
();
});
开始练习
jQuery 效果参考
要获得所有 jQuery 效果的完整概述,请