mlsb.net
当前位置:首页 >> 点击按钮显示隐藏Div >>

点击按钮显示隐藏Div

示例html 最简单的方法: $(document).ready(function(e) {$(".but").click(function(e) {$(".abc").toggle();});}); toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。 ------ 如果你除了显示和隐藏之外还需要同时实现其他功能的话...

div5pxdiv {float: left;width: 100px;height: 80px;border: 1px solid #0ff;margin-right: 5px;display: none;}$(document).ready(function(e) { $(".btn").click(function(){ if(!$(".div").is(":visible")){ $(".div").show(); $(this).val("...

报名第一个div第二个divfunction btn1(){document.getElementById('div1').style.display='block';}function btn2(){document.getElementById('div1').style.display='none';document.getElementById('div2').style.display='block';}function b...

$("button").click(function(e){ $("div").toggle(); //意思是显示隐藏的切换 })

jQuery提供了toggle()函数用于切换显示和隐藏:显示被隐藏的元素,隐藏已显示的元素,示例代码: 切换显示我是目标元素$(document).ready(function(){ $("button").click(function(){ $("#test").toggle(); });});

通过div 的id获取中间div的对象 var divObj=document.getElementById("divId"); 如果div是显示的话就隐藏,否则就显示 if(divObj.style.display==""){ divObj.style.display="none"; }else{ divObj.style.display=""; }

示例html 1 2 最简单的方法: 1 2 3 4 5 6 7 $(document).ready(function(e) { $(".but").click(function(e) { $(".abc").toggle(); }); }); toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。 ------ 如果你除了显示和隐藏之外还需...

div1 div2 div3 控制div1 控制div2 控制div3 var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); var btn3 = document.getElementById("btn3"); btn1.onclick = function() { document.getElementById(...

btn内容jq:$("#btn").click(function(){$("#main").css("hidden","true")})

div{display:none;} $(function(){ $("button").click(function(){ var index = $(this).index(); $(".d").hide(); $(".d:eq("+index+")").show(); }); }); 1111 2222 3333 4444 5555 6666 我是第1个 我是第2个 我是第3个 我是第4个 我是第5个 ...

网站首页 | 网站地图
All rights reserved Powered by www.mlsb.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com