jQuery隐藏/显示HTML元素

使用jQuery隐藏HTML元素要掉用hide()方法; 显示HTML元素要掉用show()方法; 掉用toggle()方法在隐藏和显示之间切换。

这三个方法的用法完全一样,它们的原型如下:

$(selector).hide([duration] [,callback]);
$(selector).show([duration] [,callback]);
$(selector).toggle([duration] [,callback]);

duration参数规定隐藏/显示的时间,此时有动画过程。其值可以是slowfast或具体的毫秒。

示例:

$("p").hide();
$("p").hide(1000);
$("p").hide(1000, function() {
    //TODO
});

$("p").show();
$("p").show('slow');
$("p").hide(1000, function() {
    //TODO
});

$("p").toggle();
$("p").toggle('fast');
$("p").toggle(1000, function() {
    //TODO
});