jQuery 效果 —— 隐藏和显示

jQuery 效果 —— 隐藏和显示

1.隐藏和显示

（1）在jQuery中我们可以使用hide()和show()分别隐藏和显示HTML元素；

//隐藏元素
$("button").click(function(){
    $("p").hide();
});
//显示元素
$("button").click(function(){
    $("p").show();
});

（2）语法：

$(selector).hide(speed,callback)——显示；

$(selector).hide(speed,callback)——隐藏；

参数说明：

speed：隐藏或者显示的速度，单位为毫秒；

callback：在执行完隐藏或显示后执行的函数。

2.toggle()

（1）使用toggle()函数可以来回的切换hide()和show()函数；

//使用toggle()函数执行hide()和show()的切换
$("button").click(function(){
    $("p").toggle();
});

（2）语法：

$(selector).toggle(speed,callback)——切换显示/隐藏状态；

参数说明：

与hide()和show()的参数一样。