1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，然后按下Crtl+S保存一下：
2、创建一个button按钮，给按钮设置一个id，名字设置为“myBT”，创建一个用来显示隐藏的div，将其id设置为“main”：
3、给div和button设置一些样式，为了美观好看，这里无需设置display，因为默认就是显示的：
4、编写js脚本，这里用到Jquery，给button添加一个点击事件，然后获取div的dom，判断dom中的display属性值，如果是“none”，就显示div，否则则隐藏:
5、全部完成后，按下crtl+s保存，来到编辑器的右侧，观察显示效果，此时div是显示的：
6、点击hide按钮，会发现div消失了，反复点击按钮会重复显示隐藏的效果，以上就是用JS控制div显示隐藏的案例：
<!DOCTYPE html>
<html>
<head>
<meta >
只有把div转成服务器控件才可以通过c#代码来 *** 作。客户端控件转服务器控件，就是在原来的标签上加上runat="server" 这样就可以通过C# 代码来访问了。当然要想访问到还需要设置ID属性来唯一标识这个控件。在控制div 隐藏时可以如这样。
div 标签：<div id="div1" runat="server" ></div>
c#代码设置div隐藏 div1AttributesAdd("style","display:none");
显示divAttributes["style"]="display:''";
runat="server" 注册为服务器控件，后台可以获取到id，很方面控制，但有时不能这么办，还有一种方法不用注册， style='display: <%=dis%>;' 后台声明dis，给dis值，显示/隐藏
dis = "block"; dis = "none";
这个需求很简单
比如这样
<div class="content">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div class="nav">
<button>btn1</button>
<button>btn2</button>
<button>btn3</button>
</div>js
$(function(){
var items = $('content item');//拿到所有的div
var btns = $('nav button');//拿到所有的按钮
btnson('click' , function(){
var btn = $(this);//得到当前点击的按钮
var index = btnindex();//当前点击的顺序是第几个
itemseq(index)show()siblings()hide();
//将items 的第 index 个显示，其它的全部隐藏
});//
//btnseq(0)click();//如果有必要可以默认触发第一个按钮的点击事件
});
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
以上就是关于js 怎么用一个按钮控制DIV来回显示和隐藏全部的内容，包括:js 怎么用一个按钮控制DIV来回显示和隐藏、js 如何判定 div里是否有内容 隐藏显示、asp.net 中如何在后台用c#代码实现div的显示和隐藏等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）