在CSS中将CSS类设置为变量以供以后使用？

Question

我想知道是否可以设置CSS类，例如“.duck”作为javascript中的变量使用jquery，例如var duck = $(".duck");

我使用“body”标签和CSS ID进行了此操作，但它似乎不适用于任何类型。

我想把它设置为变量供以后使用，我将ID“#frog”设置为“var frog = $（”＃frog“）;”所以在我的javascript中我可以输入

frog.moveTo(0);
frog.speed(0.3);
frog.autoBounceOff(true);

但是对于鸭子类，我仍然需要使用

$(".duck").moveTo(270);
$(".duck").speed(0.65);
$(".duck").onCollision(function(otherObj){

是否可以将类设置为变量？

Answer 1

这里没有与CSS相关的内容。

• duck是一个HTML类。
• .duck是一个类选择器。
• $(".duck")是一个函数调用，它返回一个jQuery对象（包含文档中所有DOM元素，在调用函数时是该类的成员）。

您可以将函数调用的返回值存储在变量中。

一个常见的约定是将jQuery对象存储在名称以$开头的变量中。

var $duck = $(".duck");