jQuery效果-隐藏和显示

jQuery效果-隐藏和显示

使用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);

• 可选参数speed规定隐藏/显示元素的速度，取值：”slow”、”fast”或者毫秒

• 可选参数callback是隐藏或显示完成后所执行的函数名称

• 带有speed参数的实例：

$("button").click(function(){
    $("p").hide(1000);
});

toggle()方法

• 可以使用toggle()方法来切换hide()方法和show()方法

• 显示被隐藏的元素，隐藏被显示的元素

• 语法：

$(selector).toggle(speed,callback);

• 两个参数的设置与hide()方法、show()方法相同