欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

控制一个div的显示/隐藏

程序员文章站 2022-05-05 20:39:45
...

目的:控制一个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');