use*_*165 1 html javascript css jquery
如何隐藏课外的所有内容application?我想隐藏body标签内的所有内容,但是在<div>with class 之外application.可能吗?然而,所有的孩子<div>仍然应该是可见的.
<html>
<head></head>
<body>
<div class="application">
<div class="container">
<h1>title</h1>
<p>Prompta habemus dissentiet quo no. Sit electram partiendo eu, civibus probatus euripidis at sea, usu admodum detracto te. No has dicta aliquid probatus, diam sanctus id mel, ne vocent animal eam. Cum an graeco aperiam concludaturque, ea posidonium contentiones sed, sed iriure admodum imperdiet ei.</p>
<h1 class="center">title</h1>
</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
在您的示例中没有要隐藏的元素,但如果有,您可以执行类似的操作
$('body').children(':not(.application)').hide();
Run Code Online (Sandbox Code Playgroud)
这将获得身体标签的所有直接孩子,除了.application并隐藏它们.
编辑:
如果你在主体中直接有textNodes,那些不能被隐藏,因为它们不是样式的,你必须首先将这些节点包装在元素中
$('body').contents().filter(function() {
return this.nodeType === 3;
}).wrap('<span />');
Run Code Online (Sandbox Code Playgroud)
只有这样才能将样式应用于那些textNodes.
| 归档时间: |
|
| 查看次数: |
329 次 |
| 最近记录: |