控制一个div的显示/隐藏

目的：控制一个div内容的显示隐藏方法

div内容：

 <div id="barcon" class="barcon" >  
                <div id="barcon1" class="barcon1"></div> <br></br> 
                   <div id="barcon2" class="barcon2">  
                     <ul>  
                       <li><a  id="firstPage">首页</a></li>  
                       <li><a  id="prePage">上一页</a></li>  
                       <li><a  id="nextPage">下一页</a></li>  
                       <li><a  id="lastPage">尾页</a></li>  
                       <li><select id="jumpWhere"></select></li>  
                    <li><a  id="jumpPage" ld-event="click:jumpPage">跳转</a></li>  
                   </ul>  
                </div>  
    </div> 

方法1：

显示：$("#barcon").show(); 隐藏：$("#barcon").hide();

方法2：

显示：$("#barcon").css('display','block');  隐藏：$("#barcon").css('display','none');