php 隐藏 div 代码,JQuery显示隐藏DIV的方法及代码实例

1. 如果在载入是隐藏：

function HideWeekMonth()

{

$("#tt1").hide();

$("#tt2").hide();

}

2. 动态隐藏和显示：

1     

2     

03     

04     

$("#btnOne").bind("click", function(event) { $("#tt1").hide(); $("#tt2").hide(); });

$("#btnDay").bind("click", function(event) { $("#tt1").hide(); $("#tt2").hide(); });

$("#btnWeek").bind("click", function(event) { $("#tt1").show(); $("#tt2").hide(); });

$("#btnMonth").bind("click", function(event) { $("#tt1").hide(); $("#tt2").show(); });

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

使用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';