jQuery显示/隐藏

html:

<input type="button" value="点击这里显示DIV" id="show" />
<input type="button" value="点击这里隐藏DIV" id="hide" />
<input type="button" value="点击这里切换显示/隐藏DIV" id="toggle" />
<div id="div">这是一个div</div>

 

jquery:

$(function(){
    //显示div代码
    $('#show').click(function(){
        $('#div').show();
     });
    //隐藏div代码
    $('#hide').click(function(){
        $('#div').hide();
    });
    //切换显示/隐藏div代码
    $('#toggle').click(function(){
        $('#div').toggle();     
    });
});