jQuery 效果- 隐藏和显示
jQuery提供了一个简单的界面来执行各种令人惊奇的效果。
jQuery效果方法使我们能够以最少的配置快速实现常用的效果。
jQuery是一个快速，轻量级且功能丰富的JavaScript库，它基于“少写多做”的原则。
jQuery简化了HTML文档的遍历，事件处理，动画和Ajax交互，从而实现了快速的Web开发。
www.niaoge.com
鸟哥教程在线
website.
jQuery hide()和show()
您可以使用hide()和show()方法隐藏和显示HTML元素。
下面的示例演示了hide()方法和show()方法的用法：
// 隐藏正常显示的段落
$("#hide-btn").click(function(){
$("p").hide();
});
// 显示被隐藏的段落
$("#show-btn").click(function(){
$("p").show();
});测试看看‹/›这是hide() 方法的语法：
$(selector).hide(duration, easing, callback);
这是show()方法的语法：
$(selector).show(duration, easing, callback);
duration -确定效果将持续多长时间。可能的值：“ slow”，“ fast”或毫秒
easing -指示要用于过渡的缓动功能。可能的值：“ swing”，“ linear”
callback-指定方法完成后要调用的函数
以下示例通过hide()和show()演示了duration参数：
$("#hide-btn").click(function(){
$("p").hide(1000);
});
$("#show-btn").click(function(){
$("p").show(1000);
});测试看看‹/›以下示例使用hide()和show()演示了回调参数：
$("#hide-btn").click(function(){
$("div").hide(1000, function(){
alert("DIV被隐藏");
});
});
$("#show-btn").click(function(){
$("div").show(1000, function(){
alert("DIV被显示");
});
});测试看看‹/›动画所有跨度(在本示例中为单词)快速隐藏，在200毫秒内完成每个动画：
$("button").click(function(){
$("span:last-child").hide("fast", function(){
$(this).prev().hide("fast", arguments.callee);
});
});测试看看‹/›jQuery toggle()方法
我们还可以使用toggle()方法在隐藏和显示HTML元素之间切换。
如果所选元素最初显示，它将被隐藏；如果隐藏，它将显示出来。
下面的示例在单击按钮时在hide和show所有<p>元素之间切换：
$("button").click(function(){
$("p").toggle(1500);
});测试看看‹/›toggle()方法的语法如下：
$(selector).toggle(duration, easing, callback);
toggle()方法接受三个可选参数：
duration -确定效果将持续多长时间。可能的值：“ slow”，“ fast”或 毫秒
easing -指示要用于过渡的缓动功能。可能的值：“ swing”，“ linear”
callback-指定方法完成后要调用的函数
jQuery效果参考
有关完整的效果参考，请访问我们的jQuery Effects 参考手册。