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';
-
本文向大家介绍JQuery DIV 动态隐藏和显示的方法，包括了JQuery DIV 动态隐藏和显示的方法的使用技巧和注意事项，需要的朋友参考一下 1. 如果在载入是隐藏： 2. 动态隐藏和显示： 以上代码之前，可能还要加上这句话： 使用jquery真的很方便，比如要控制div的显示与隐藏，一句话就搞定了，请看下面使用说明。 $("#id").toggle()切换元素的可见状态。如果元素是可见的，
-
本文向大家介绍jquery显示隐藏元素的实现代码，包括了jquery显示隐藏元素的实现代码的使用技巧和注意事项，需要的朋友参考一下 或 它是个集合肯定没有display属性 $("#firstStep").hide(500);而且可以设置时间；("#firstStep").hide(500);而且可以设置时间； $(".class").css('display','block'); $("#id
-
本文向大家介绍JQuery显示、隐藏div的几种方法简明总结，包括了JQuery显示、隐藏div的几种方法简明总结的使用技巧和注意事项，需要的朋友参考一下 <div id="demo">AAA</div> JS隐藏和显示div的方式有两种： 方式1：隐藏后释放占用的页面空间 通过设置display属性可以使div隐藏后释放占用的页面空间. style="display: none;" docume
-
本文向大家介绍javascript实现显示和隐藏div方法汇总，包括了javascript实现显示和隐藏div方法汇总的使用技巧和注意事项，需要的朋友参考一下 javascript实现显示和隐藏div方法汇总 我们再来看下其他小伙伴是如何实现的 示例三： 先来看一个最简单的实例,这个可以实现显示和隐藏层 下面是关闭层，其实原理 是一样的只是加了个效果。
-
主要内容：实例,jQuery hide() 和 show(),实例,实例,实例,jQuery toggle(),实例隐藏、显示、切换，滑动，淡入淡出，以及动画，哇哦！ 因为时间是宝贵的，我们提供快捷方便的学习方法。 在小牛知识库,你可以学习需要的知识。 实例 jQuery hide() 简单的jQuery hide()方法演示。 jQuery hide() 另一个hide()实例。演示如何隐藏文本。 jQuery hide() 和 show() 通过 jQuery，您可以使用 hide() 和
-
本文向大家介绍angularjs2 ng2 密码隐藏显示的实例代码，包括了angularjs2 ng2 密码隐藏显示的实例代码的使用技巧和注意事项，需要的朋友参考一下 angularjs2 ng2 密码隐藏显示代码结合ionic2开发移动端项目，注册页的密码的input一般用password，但是用户输入密码时可能会输入错误，需要显示成text。 如图： 首先，输入框的类型判断； 然后，添加眼睛的