浏览器从CSS和Javascript中获取信息的顺序/优先级是什么?

浏览器从CSS和Javascript中获取信息的顺序/优先级是什么?,javascript,jquery,css,Javascript,Jquery,Css,我的问题基本上和我的同事一样 建议的解决办法是: $('.littleme').css('visibility','visible').hide().fadeIn('slow'); 这段代码让我觉得很奇怪。我认为浏览器使用HTML/CSS构建DOM,然后我可以使用JS/jQuery自由操作它——为什么我还要更改CSS 我是CSS和Javascript的初学者,所以有人能给我解释一下,为什么我必须先操作CSS,然后才能使用jQuery淡入元素?CSS jQuery方法更新DOM元素的样式对象。它

我的问题基本上和我的同事一样

建议的解决办法是:

$('.littleme').css('visibility','visible').hide().fadeIn('slow');
这段代码让我觉得很奇怪。我认为浏览器使用HTML/CSS构建DOM,然后我可以使用JS/jQuery自由操作它——为什么我还要更改CSS

我是CSS和Javascript的初学者,所以有人能给我解释一下,为什么我必须先操作CSS,然后才能使用jQuery淡入元素?

CSS jQuery方法更新DOM元素的样式对象。它不涉及通过页面上的元素导入的实际CSS内容

元素样式覆盖CSS暗示的样式。通过jQuery或直接使用DOM API执行这些更改会影响混合到HTML标记中的样式属性所建立的结构:

<div class=foo style="width: 100%; background-color: red;">
比如说。该样式属性的内容将被解析并用于构造DOM节点的样式属性。这就是jQuery.css方法的影响。

css jQuery方法更新DOM元素的样式对象。它不涉及通过页面上的元素导入的实际CSS内容

元素样式覆盖CSS暗示的样式。通过jQuery或直接使用DOM API执行这些更改会影响混合到HTML标记中的样式属性所建立的结构:

<div class=foo style="width: 100%; background-color: red;">
比如说。该样式属性的内容将被解析并用于构造DOM节点的样式属性。这就是jQuery.css方法的影响。

.hide和.fadeIn使用display属性。 但是如果可见性设置为隐藏,显然看不到任何结果

这就是为什么您找到的答案是先将可见性设置为可见。

.hide和.fadeIn使用display属性。 但是如果可见性设置为隐藏,显然看不到任何结果

这就是为什么您找到的答案是先将可见性设置为visible。

JQuery的css、hide和fadeIn方法都会更改DOM,而不是您加载的css

在这种情况下,您首先使用css更改可见性样式,然后hide将显示样式更改为none,然后fadeIn将显示样式更改为block,但这是通过增加透明度来实现的。

JQuery的css、hide和fadeIn方法都会更改DOM,而不是您加载的css


在这种情况下,您首先使用css更改可见性样式,然后使用hide将显示样式更改为none,然后使用fadeIn将显示样式更改为block,但这是通过增加透明度来实现的。

您是否在问为什么要先隐藏某些内容,然后才能将其淡入淡出,为什么jQuery不认为隐藏的可视性是隐藏的?当我使用不透明度时,我遇到了同样的问题:0;最初隐藏我的元素。我还必须将不透明度设置回1,然后才能对css进行淡入淡出处理。我不太明白这些都是怎么一起玩的。你问为什么要隐藏一些东西才能消失,为什么JQuery不认为隐藏的东西被隐藏起来?当我使用不透明度时,我遇到了同样的问题:0;最初隐藏我的元素。我还必须将不透明度设置回1,然后才能对css进行淡入淡出处理。我不太明白所有这些是如何结合在一起的。你能解释一下隐藏和fadeIn是如何操作显示属性的吗?我只知道CSS中的display:block或display:inline。@LucaFülbier.hide将display设置为none。fadeIn将“显示”设置为“块”,然后逐渐增加不透明度。另一方面,还有visibility:hidden,这在这些函数中没有考虑到。阅读jQuery文档会对您有好处:您是完全正确的,我从未想过,它会在使用不透明度淡入时更改显示属性。您能解释一下隐藏和淡入是如何操作显示属性的吗?我只知道CSS中的display:block或display:inline。@LucaFülbier.hide将display设置为none。fadeIn将“显示”设置为“块”,然后逐渐增加不透明度。另一方面,还有visibility:hidden,这在这些函数中没有被考虑。相反,阅读jQuery文档会对您有好处:您完全正确,我从来没有想到,它会在使用不透明度时更改显示属性。这就是我需要最终理解的,到底发生了什么,非常感谢。我想我的问题措辞很糟糕,但很难说出在开始学习新东西时你不理解的东西。这就是我最终需要理解的,发生了什么,谢谢!我想我的问题措辞很糟糕,但很难说出你在开始学习新东西时不懂的东西。