用js怎么控制div的显示与隐藏一个div显示和隐藏

jQuery 效果 - 隐藏和显示
jQuery 效果 - 隐藏和显示
隐藏、显示、切换,滑动,淡入淡出,以及动画,哇哦!
点击这里,隐藏/显示面板
一寸光阴一寸金,因此,我们为您提供快捷易懂的学习内容。
在这里,您可以通过一种易懂的便利的模式获得您需要的任何知识。
演示一个简单的 jQuery hide() 方法。
另一个 hide() 演示。如何隐藏部分文本。
jQuery hide() 和 show()
通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:
$(&#hide&).click(function(){
$(&p&).hide();
$(&#show&).click(function(){
$(&p&).show();
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:&slow&、&fast& 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
下面的例子演示了带有 speed 参数的 hide() 方法:
$(&button&).click(function(){
$(&p&).hide(1000);
jQuery toggle()
通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素,并隐藏已显示的元素:
$(&button&).click(function(){
$(&p&).toggle();
$(selector).toggle(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:&slow&、&fast& 或毫秒。
可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。
jQuery 效果参考手册
如需全面查阅 jQuery 效果,请访问我们的 。用js实现select对div的隐藏与显示
&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.01 Transitional//EN&&&&&html&&head&&meta http-equiv=&Content-Type& content=&text/ charset=gb2312&&&title&无标题文档&/title&&/head&
&script type=&text/javascript&&function change(a){&var xxx = document.getElementById(&xxx&);&var divArray = xxx.getElementsByTagName(&div&);&for (var i=0;i&divArray.i++) {& if (divArray[i].id == a) {&& divArray[i].style.display='';& }else {&& divArray[i].style.display='none';& }&}}&/script&
&div id=xxx&
&div id=aaa&&h1&aa&/h1&aaaa&/div&&div id=bbb style=&display:none &&bbbb&/div&&div id=ccc style=&display:none &&cccc&/div&
&select onChange=&change(this.value)&&& &option value=&aaa&&aaa&/option&& &option value=&bbb&&bbb&/option&& &option value=&ccc&&ccc&/option&&/select&&/body&&/html&
??????????js特效-同时控制多个div层显示隐藏 - 个人博客 - ITeye技术网站
博客分类:
id是一个元素的唯一标识,按照编程规范,
应当保证id在当前DOM中是唯一的,不可以存在多个相同id的元素。
虽然有多个相同的id并不会导致js报错,
但是当用document.getElementById()等等方法通过id去获得元素时,
只能获得第一个出现的该id元素。
id和name不同,name可以重复,
所以document.getElementsByName()获得的是一个数组,
document.getElementById()获得的是一个元素。
仔细看,函数名当中的element一个是复数一个是单数。
可以把那些div的name设置成一样,
然后document.getElementsByName()得到你的div数组,
遍历这个数组,把每个div的style.display设为空
var div_array = document.getElementsByName("你的div的name");
for(i=0;i&div_array.i++)
//或者赋值为"block"、"inline",看你想怎么显示了必须有引号
div_array[i].style.display = "";
浏览: 283354 次
来自: 北京
[flash=200,200][flash=200,200][ ...
的确有一楼说这个问题,有一定几率出现重复卖的情况
class ThreadTest implements Run ...
beming 写道时间过去有点长,想请教一个问题,如果我只想批 ...
时间过去有点长,想请教一个问题,如果我只想批量更新,不插入有没 ...}

我要回帖

更多关于 js控制div显示隐藏 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信