Javascript 如何使用css或js真正隐藏HTML div元素
我想隐藏位于引导收音机或复选框容器中的div元素, 这是使用jquery时的外观:Javascript 如何使用css或js真正隐藏HTML div元素,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我想隐藏位于引导收音机或复选框容器中的div元素, 这是使用jquery时的外观: $('#qq').hide(); 我无法发布图像,所以prev在这里: .我的收音机{ 边框:1px实心#F0F; } 1. 2. 8位猪肚回声公园酒店 3. 2. 显示:无也不起作用…您有多种方法。你可以这样做 .hide { display: none; } 或者甚至通过这个类: .hide { border: 0 none; clip: rect(0px, 0px, 0px,
$('#qq').hide();
我无法发布图像,所以prev在这里:
.我的收音机{
边框:1px实心#F0F;
}
1.
2.
8位猪肚回声公园酒店
3.
2.
显示:无也不起作用…您有多种方法。你可以这样做
.hide {
display: none;
}
或者甚至通过这个类:
.hide {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
更新:
检查此示例:这将起作用,请注意添加了类以及使用事件处理程序而不是内联javascript:
$(函数(){
$('.hideOnClick')。单击(函数(){
$('#qq').toggle();
});
});代码>
.我的收音机{
边框:1px实心#F0F;
}
1.
2.
8位猪肚回声公园酒店
3.
2.
在CSS中,只需将元素的CSS显示属性更改为“无”,即可隐藏该元素。只需使用display:none
就可以了:)
对于jquery解决方案,可以使用hide()方法。以下是一个完整的示例:
$(文档).ready(函数(){
$(“#隐藏”)。单击(函数(){
$(“p”).hide();
});
$(“#显示”)。单击(函数(){
$(“p”).show();
});
});
如果你点击“隐藏”按钮,我将消失
隐藏
显示
我就是这样使用jquery的:
$('#qq').hide();
希望它有帮助…试试不透明度:0代码>或<代码>高度:0;宽度:0
如果使用的是引导
请尝试为类指定隐藏
我没有看到的CSS指令。隐藏
。引导在标签之间留出此空间。。。你知道我可以在bootstrap.css中的什么地方更正它吗?不,它不起作用,就像我说的,display:none不起作用。你在hide
class下有什么样式?@MacUmatik检查我的帖子更新。也许会有帮助。