需要准备的材料分别是：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建一个html文件，例如：index.html。
2、在index.html文件的<script>标签中，写入js：
$('button').click(function () {
$('div').hide()
$('div').eq(parseInt(3 * Math.random())).show()
})
3、浏览器运行index.html页面，此时点击btn按钮总会显示其中1个div和隐藏另外2个div。
varoDiv=document.getElementById("img")
varoDiv=document.getElementById("div1")//用来控制img的显示和隐藏
window.onload=function(){
if(oDiv.style.display=='')
oDiv.style.display='block'
}
//需要触发的事件
functionChangImg(){
if()//添加使其显示的条件
oDiv.style.display='none'
else{
oDiv.style.display='block'
}
}
扩展资料：注意事项
一、首先来说一下标签的隐藏
1、在标签中添加css属性即可{display:none}
2、在标签中添加类hidden 如（haml例子：%input#diaplay.hidden）
（html例子：<inputtype="hidden">）
二、标签的显示与隐藏
只需两个函数即可：
$().removeClass('hidden') //移除hidden类即显示被隐藏的标签
$().addClass('hidden') //增加hidden类即隐藏某标签
例如：
%input#display
%button{:οnclick=>"display_input()"}
函数:显示标签
functiondisplay_input(){
$('#display').remomeClass('hidden')
}
函数：隐藏标签
functiondisplay_input(){
$('#display').addClass('hidden')
}
函数：隐藏标签
如果你设了but.visible = false根本这个but就不会被发到客户端。当然看不到。
你只能用document.all['but'].style.display='none'来隐藏
