JQuery DIV 动态隐藏和显示的方法
1. 如果在载入是隐藏：
<head>
<script language="javascript">
function HideWeekMonth()
{
$("#tt1").hide();
$("#tt2").hide();
}
</script>
</head>
<body onLoad="HideWeekMonth()">
</body>
2. 动态隐藏和显示：
<td>
<!-- 能用
<input id="btnShow" type="button" value="<?php echo $ini_array['module.insert'];?>" class="btn" />
<input id="btnHide" type="button" value="<?php echo $ini_array['module.insert'];?>" class="btn" />
-->
<!-- 直接使用按钮的id没有问题
<input id="tt" type="text" name="title" maxlength="50" size="50"></td> -->
<input id="btnOne" type="radio" name="frequence" value="1" checked='checked'><?php echo $ini_array['time.one']?>
<input id="btnDay" type="radio" name="frequence" value="2"><?php echo $ini_array['time.day']?>
<input id="btnWeek" type="radio" name="frequence" value="3"><?php echo $ini_array['time.week']?>
<input id="btnMonth" type="radio" name="frequence" value="4"><?php echo $ini_array['time.month']?>
<br>
<!-- 能用
<div id="tt1"><input type="text" name="title" maxlength="50" size="50" value="tt1"></div>
<div id="tt2"><input type="text" name="title" maxlength="50" size="50" value="tt2"></div>
-->
<div id="tt1">
<br>
1 <input type="checkbox" value="1" name="w1">
2 <input type="checkbox" value="1" name="w2"> </div>
<div id="tt2">
03 <input type="checkbox" name="m3">
04 <input type="checkbox" name="m4"> </div>
</td>
<!-- 绑定事件似乎要写在被绑定对象的后面 -->
<script type="text/javascript" >
$("#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(); });
</script>
以上代码之前，可能还要加上这句话：
<script type="text/javascript" src="../../scripts/jquery.min.js"></script>
使用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
}
);
<div id="demo"></div>
-
本文向大家介绍jQuery显示和隐藏 常用的状态判断方法，包括了jQuery显示和隐藏 常用的状态判断方法的使用技巧和注意事项，需要的朋友参考一下 显示：show() display:block; 隐藏：hide() display:none; 当显示和隐藏切换的时候，需要判断此刻是显示还是隐藏，那判断条件常用以下几种方法： 1.if(thisNode.is(':hidden')){....
-
本文向大家介绍Android 动态显示和隐藏状态栏详解及实例，包括了Android 动态显示和隐藏状态栏详解及实例的使用技巧和注意事项，需要的朋友参考一下 Android 动态显示和隐藏状态栏 View类提供了setSystemUiVisibility和getSystemUiVisibility方法，这两个方法实现对状态栏的动态显示或隐藏的操作，以及获取状态栏当前可见性。 setSystemUiV
-
主要内容：实例,jQuery hide() 和 show(),实例,实例,实例,jQuery toggle(),实例隐藏、显示、切换，滑动，淡入淡出，以及动画，哇哦！ 因为时间是宝贵的，我们提供快捷方便的学习方法。 在小牛知识库,你可以学习需要的知识。 实例 jQuery hide() 简单的jQuery hide()方法演示。 jQuery hide() 另一个hide()实例。演示如何隐藏文本。 jQuery hide() 和 show() 通过 jQuery，您可以使用 hide() 和
-
问题内容： 您如何在Tkinter中显示和隐藏小部件？我想有一个输入框，但不要一直显示它。有人可以向我展示在tkinter中显示和隐藏条目小部件和其他小部件的功能吗？我希望能够在没有多个帧的情况下执行此操作。 问题答案： 这已经在stackoverflow上得到了回答。简短的答案是，您可以使用grid_remove，如果先前是通过网格添加的，则将导致该小部件被删除。记住小部件的位置，因此只需简单地
-
我想隐藏的动作条，当一个activity启动，当用户触摸屏幕显示几秒钟，然后再次隐藏。 下面是我想要的，但我想知道是否有更好的方法（忽略一些样式问题：魔术数字、逻辑重复等）。 我用的是ActionBarSherlock。 谢谢
-
本文向大家介绍jQuery对于显示和隐藏等常用状态的判断方法，包括了jQuery对于显示和隐藏等常用状态的判断方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery对于显示和隐藏等常用状态的判断方法。分享给大家供大家参考。具体方法如下： 显示：show() display:block; 隐藏：hide() display:none; 当显示和隐藏切换的时候，需要判断此刻是显