Jquery 隐藏及显示效果

Jquery实现隐藏及显示效果主要是用到hide()跟show()两个方法，相比于js改变标签的display属性，Jquery的这两个方法显得更简单一点，下面附上代码说明：
html代码：

<div id="text">这里是显示的内容</div>
<button id="hide">隐藏</button>
<button id="show">显示</button>

js代码：

$("#show").click(function(){
    $("#text").show();
});
$("#hide").click(funtion(){
    $("#text").hide();
});

show()跟hide()括号里面可以添加数值达到延迟显示或隐藏的效果，数值的单位是毫秒。

当然，也可以用一个按钮重复点击达到隐藏显示的效果，这里要用到toggle()方法。具体用法如下：
html代码：

<div id="text">这里是显示的内容</div>
<button type="button">点击切换</button>

js代码：

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

这样只需一个按钮就可以实现多次点击切换内容显示隐藏的效果了。