Question

我试图仅在一个div上隐藏我的徽标并将其显示在另一个div上。在我的一个部分中，我有一个视频，所以我不需要显示我的徽标。但我无法做到这一点。它要么永远隐藏，要么根本不想隐藏。

我尝试过两种风格=＆＃34;＆＃34;在div和jquery里面。这些都不起作用。

我的HTML结构：

 <style>#logo img{opacity:0;visibility:hidden;}</style>

好的，在我展示来源之前，这里什么有用：

<section id="page-body" class="fullwidth-section text-dark" style="#logo img{opacity:0;visibility:hidden;}">

....

</section>

非常标准吧？所以我尝试以同样的方式将徽标隐藏到一个部分中，它不起作用。例如：

<script src="files/js/jquery-1.12.4.min.js"></script>

<script>

$(document).ready(function(){


$("#logo").css({
display: "none",
visibility: "hidden"
});

$("#logo").hide();

</script>

然后我尝试使用jQuery隐藏徽标作为测试。 这根本不起作用。例如：

npm install --save recyclerlistview

我希望做的是将徽标隐藏在一个div中，然后将其显示在页面的其余部分。我有一个想法用jQuery或部分做到这一点。任何人对如何做到这一点都有任何想法？

Answer 1

style="#logo img{opacity:0;visibility:hidden;}"

这不是有效的HTML style属性。它是CSS的选择器，应该嵌套在HTML的<style>标记下。

设置元素的style属性时，只需要编写样式属性。这应该是它的样子：

style="opacity:0;visibility:hidden;"

当您删除logo元素的style标记时，您的jQuery尝试隐藏徽标应该有效。做$('#logo').hide();应该有效并且足够了。

一些注释：

将opacity:0;与visibility:hidden;一起使用并不合理。使用其中任何一个，都会使元素不可见。
您只需撰写$('#logo').hide();，就不需要整个$("#logo").css({部分。
您可以将$(document).ready(function(){简写为$(function() {
请注意，使用visibility:hidden;会使元素保持内联页面，但不可见。如果您想让它完全消失，请使用display:none;

Answer 2

您不能将内联样式写入另一个元素。内联样式适用于元素本身。

这是正确的方法

<style>#logo img{opacity:0;visibility:hidden;}</style>

这是不可能的

<section id="page-body" class="fullwidth-section text-dark" style="#logo img{opacity:0;visibility:hidden;}">

....

</section>

尝试

section #logo img{opacity:0;visibility:hidden;}

Jquery＆amp; secton没有隐藏我的logo div id

2 个答案: