正常情况下,就像上面这样,点击的时候,class变成 class="a b" 再点击的时候变成a
设置 a{display:none;} ab{display:block}就可以了。<script>
var n = 5;
for(var i = 0; i < 5; i++)
$('<div id="switch_'+i+'" style="display: none;">')appendto("//添加的位置")
</script>for(var i=1;i<10;i++){
$("td")[i]styledisplay="";
}
for(var i=10;i<22;i++){
$("td")[i]styledisplay="none";
}
或者:
$("td:lt(22):gt(9)")css("display","none");documentwrite("<div style='display:none '> xxxxxx </div>"
就这个就可以了!本人亲测,如果你的不可以,说明不是这里的问题!谢谢!如果你想设置为显示的话:
varoDiv=documentgetElementById("img");
varoDiv=documentgetElementById("div1");//用来控制img的显示和隐藏
windowonload=function(){
if(oDivstyledisplay=='')
oDivstyledisplay='block';
}
//需要触发的事件
functionChangImg(){
if()//添加使其显示的条件
oDivstyledisplay='none';
else{
oDivstyledisplay='block';
}
}
扩展资料:
注意事项
一、首先来说一下标签的隐藏
1、在标签中添加css属性即可{display:none}
2、在标签中添加类hidden 如(haml例子:%input#diaplayhidden)
(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')
}
函数:隐藏标签
把以下语句加到代码里试一试 加到<body>与</body>之间
<div style="width:100px;height:30px;border:1px #cd1b1b dotted;" onmouseover="documentgetElementById('btn123')styledisplay='block';" onmouseout="documentgetElementById('btn123')styledisplay='none';"><input id="btn123" type="button" style="display:none;width:100px;height:30px;border:1px #2167ba solid;" value="按钮"/></div>欢迎分享,转载请注明来源:内存溢出
评论列表(0条)