JQuery DIV 动态隐藏和显示的方法

这篇文章主要介绍了JQuery DIV 动态隐藏和显示的方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

1. 如果在载入是隐藏：

2. 动态隐藏和显示：

以上代码之前，可能还要加上这句话：

使用jquery真的很方便，比如要控制div的显示与隐藏，一句话就搞定了，请看下面使用说明。

 $("#id").show()表示display:block, $("#id").hide()表示display:none;

$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

 $("#id").css('display','none'); $("#id").css('display','block');

或

 $("#id")[0].style.display = 'none';

PS：下面给大家介绍jquery显示隐藏div标签的几种方法

1、$("#demo").attr("style","display:none;");//隐藏div

 $("#demo").attr("style","display:block;");//显示div

2、$("#demo").css("display","none");//隐藏div

 $("#demo").css("display","block");//显示div

3、$("#demo").hide();//隐藏div

 $("#demo").show();//显示div

4、$("#demo").toggle(

 function () { $(this).attr("style","display:none;");//隐藏div }, function () { $(this).attr("style","display:block;");//显示div } );

以上就是JQuery DIV 动态隐藏和显示的方法的详细内容，更多请关注0133技术站其它相关文章！