JQuery动态显示和隐藏div
来源:互联网 发布:尤克里里谱制作软件 编辑:程序博客网 时间:2024/05/27 14:13
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';
阅读全文
0 0
- JQuery动态显示和隐藏div
- jQuery动态显示和隐藏div
- jquery的div显示和隐藏!
- jquery设置DIV显示和隐藏
- jquery的div显示和隐藏
- jquery点击按钮显示和隐藏DIv
- Jquery div 的隐藏和显示
- JQuery Div的动态显示及动态隐藏
- jquery显示隐藏div
- jquery 显示隐藏div
- jquery 显示隐藏div .
- jquery显示、隐藏div
- jquery显示、隐藏div
- jquery - div显示隐藏
- div 隐藏和显示
- 显示和隐藏div
- div 隐藏和显示
- div显示和隐藏
- Spring IOC原理
- Es 总结
- 浅谈C中的malloc和free释放
- C++ Primer
- best-time-to-buy-and-sell-stock
- JQuery动态显示和隐藏div
- ngrok工具,将本地web服务暴露给互联网
- Machine Learning 2014 by Andrew NG (part 2)
- Sed基本操作
- 基于ubuntu16.04的ceph v10.2.9源码编译
- Kotlin学习资源
- oracle数据会滚
- Cordova下android与javascript的交互
- qq登录