js显示和隐藏div如何修改

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，编写问题基础代码。

2、在indexhtml中的<script>标签，输入js代码：$('button')click(function () {$('#123')css('display', 'block');});。

3、浏览器运行indexhtml页面，此时点击btn按钮后，div的内容成功被显示了出来。

1、首先写出架构，两个 buttod （按钮）。

2、下面是一个 div 存放文本和在后面的被js控制。

3、先用 css 选择器 为 div 控制属性。

4、然后写出 script 标签，可以写在外部，然后在引用。

5、然后我们用 js 设置变量，这样我们才可以控制变量来控制元素。

6、这里用 alert  测试一次我们是否选对了元素。

7、然后通过 onclick 事件来控制这个 div。

$("div")css('display','none');//隐藏
$("div")css('display','block');//显示
$("div")hide();//隐藏
$("div")show();//显示
$("div")[0]styledisplay = 'none';//隐藏
$("div")[0]styledisplay = 'block';//隐藏
$("div")toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。
//比如在CSS中先将div的display设置为"none",那么点击的时候就先查询display值是否为"none"，
//如果为"none"的话，就改为"block"，即显示div；如果不是"block"就改为"none"，隐藏div。
var oButton = documentgetElementById("button");//假设HTML中按钮id="button"，并取得。
var oDiv = documentgetElementById("div");//假设HTML中div的id="div"，并取得。
oButtononclick=function(){
if (oDivstyledisplay == "none"){
oDivstyledisplay = "block";
}else {
oDivstyledisplay = "none";
}
}
//还有就是用三元 *** 作符更简洁一些。
望采纳。

只有把div转成服务器控件才可以通过c#代码来 *** 作。客户端控件转服务器控件，就是在原来的标签上加上runat="server" 这样就可以通过C# 代码来访问了。当然要想访问到还需要设置ID属性来唯一标识这个控件。在控制div 隐藏时可以如这样。
div 标签：<div id="div1" runat="server" ></div>
c#代码设置div隐藏　div1AttributesAdd("style","display:none");
显示divAttributes["style"]="display:''";

可以试试如下方法：

数据库xxb有registration表，有这样的字段

name     idnumber     work_order

甲一       12345678        a

乙二       12121212        b

丙三       13131313        c

丁四       11111111        b

jsp页面有一个输入框，一个查询按钮，三个DIV，DIV的id分别为a，b，c，默认三个DIV都隐藏，当输入甲一，点击查询后，从数据库里查询得到甲一的work_order值，然后提交回本页面，页面下方就会显示相应id的DIV框，其他两个依然隐藏。

---