jQuery的hide()函数隐藏、显示

前言

    使用JavaScript的时候，要隐藏和显示标签非常的麻烦，现在jQuery实现了隐藏和显示功能，并且有了淡入淡出的效果。

运用

通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：

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

$("#show").click(function(){
  $("p").show();
});

判断该标签是否隐藏：

$("p").is(":hidden");//隐藏true，显示false.

通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

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

淡入淡出的效果：

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

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

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

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

这里无论是hide(),show()和toggle()都可以使用speed和callback参数，并且可以省略callback。比如

$("p").show(1000);