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);
可选的速度参数指定隐藏/显示的速度，可以取以下值：“慢”、“快”或毫秒。

可选的回调参数是在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 效果的完整概述，请