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参数是hide()或show()方法完成后，被执行的一个函数（你会学到更多关于回调函数在稍后的章节）。

下面的例子使用hide()，演示了速度参数 :

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

让我试试

jQuery toggle()

使用jQuery，你可以用toggle()方法，在hide()和show()方法之间切换

显示的元素被隐藏并且隐藏的元素被显示:

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

让我试试

语法:

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

可选的speed参数指定的隐藏/显示速度，并可以采取以下值： "slow", "fast"，或毫秒。

可选的callback参数是toggle()方法完成后，被执行的一个函数