javascript - JQuery 和 CSS 的关系——.fadeOut() 和类

Question

今天继续我的在线编程语言自学，需要各位专家的更多帮助。

我有 2 个问题，似乎无法在 WWW 上找到明确的答案。

1. JS - 当使用 fadeOut() 和 fadeIn() 时，它们是否与 CSS 元素直接相关？ IE。它是否分别将不透明度缩放为 0 <> 1？还是完全独立，完全由 JS 处理？

2. CSS - 当使用 addClass() 和 removeClass() 甚至 toggleClass() 添加和删除类时，如何这些是否像这样“显示”，比如这个的逻辑格式是什么？例如，如果我有这个:

 <div id="me" class="thisisset"> 

并想使用:

$("#me").addClass("token");

理论上这会变成:

 <div id="me" class="thisisset token">

.thisisset 和 .token 分别应用，还是合并成某种父类(super class)？

Answer 1

1. 如果你check the source您可以看到它在内部使用了 animate() 方法，该方法仅通过队列模式在 JS 中运行。

   正是出于这个原因，通常认为最好尽可能使用 CSS 来制作动画，因为它是硬件加速的并且性能好得多。

2. 浏览器将使用 CSS 中设置的两种规则。如果设置中存在冲突，例如。都设置了 color，那么将使用最具体的规则。这是一个例子:

#container .foo { color: red; }
.bar { color: blue; }

<div id="container">
  <div class="foo bar">This will be red as the .foo rule is more specific</div>
</div>