Javascript 如何使用css或js真正隐藏HTML div元素

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,

我想隐藏位于引导收音机或复选框容器中的div元素, 这是使用jquery时的外观:

$('#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检查我的帖子更新。也许会有帮助。