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

点击按钮显示隐藏Div

报名第一个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...

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

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个 ...

我用jquery写下吧。原生的差不多的道理。 $("#btn").click(function(){ $("#t1").hide(); $("#t2").show(); })

html内容:css内容:img#img{display:none;}javascript内容:function showImg(){document.getElementById('img').style.display='block';}

//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。 //比如在CSS中先将div的display设置为"none",那么点击的时候就先查询display值是否为"none", //如果为"none"的话,就改为"block",即显示div;如果不是"block"就改为"none",...

$("button").click(function(e){ $("div").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(...

document.getElementsByClassName,根据class样式获取元素 dom.classList.remove 删除指定样式 dom.classList.add 添加指定样式 div默认隐藏,通过添加css样式使其display:block, 点击其他按钮:通过第一条找到显示的div,删除对应的样式,然后...

试试 jquery的 toggle方法 或许对你有用 再附上例子吧,例子中的 jQuery库 你下载一下 引入文件就能看到效果: $(document).ready(function(){ $(".btn1").click(function(){ $("div").toggle(); });});ToggleThis is a paragraph.

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