Javascript JQuery和CSS关系-.fadeOut()和类
今天继续我的在线编程语言自学课程,需要你们专家的更多帮助 我有两个问题,我似乎无法在WWW上找到一个明确的答案Javascript JQuery和CSS关系-.fadeOut()和类,javascript,jquery,css,Javascript,Jquery,Css,今天继续我的在线编程语言自学课程,需要你们专家的更多帮助 我有两个问题,我似乎无法在WWW上找到一个明确的答案 JS-当使用fadeOut()和fadeIn()时,这些元素是否与CSS元素直接相关?也就是说,它是否将不透明度分别缩放到0 1?还是完全独立,完全由JS处理 CSS-当使用addClass()和removeClass()添加和删除类,甚至使用toggleClass()添加和删除类时,这些类是如何“显示”的,例如,它的逻辑格式是什么?例如,如果我有: 并希望使用: $("#me")
fadeOut()
和fadeIn()
时,这些元素是否与CSS元素直接相关?也就是说,它是否将不透明度分别缩放到0 1?还是完全独立,完全由JS处理addClass()
和removeClass()
添加和删除类,甚至使用toggleClass()
添加和删除类时,这些类是如何“显示”的,例如,它的逻辑格式是什么?例如,如果我有:
并希望使用:
$("#me").addClass("token");
从理论上讲,这会变成:
<div id="me" class="thisisset token">
将.thisisset
和.token
分别应用,还是将它们合并为某种超类
animate()
方法,该方法仅通过队列模式在JS中运行
正是由于这个原因,通常认为最好的做法是在可能的情况下使用CSS来制作动画,因为它是硬件加速的,并且性能更好
颜色
,则将使用最具体的规则。下面是一个例子:
#container.foo{color:red;}
.bar{color:blue;}
这将是红色的,因为.foo规则更具体
是的,但另一方面,.animate()
在opacity
和transform
s中表现非常好。(它们是唯一应该使用.animate()
设置动画的两个属性)。但即使是对那些人来说,.velocity()
也更好。不过CSS仍然会更快。另外,你可以单独在CSS中设置opacity
动画,不需要JS。同意,但有时需要将多个动画排队,这些动画应该相互链接/触发<代码>CSS这实际上不是一个选项,是吗?更不用说用户交互:)。是的,你可以使用@关键帧@RichardGoodman没问题,很乐意帮忙。还有,Re#2您可以在控制台中检查应用于元素的样式。如果右键单击元素,然后“检查”,您将在右侧看到CSS规则。在2-:使用setTimeout()
函数向元素集合添加类目前被认为是创建交错动画最可靠的跨浏览器方法。基本原则:元素有两个状态,一个有类,一个没有类。它们在为所有/每个属性定义的animatable
属性和transition
中应具有不同的值。应用该类后,CSS
将根据转换定时功能
、转换持续时间
和转换延迟
属性执行转换。我写了更多