jquery - 使用 JQuery 为附加属性添加 CSS 的正确语法

Question

基本上我想在页面加载时使用 JQuery 来操作 CSS。

我想添加这个 CSS:

animation: drawcircle 1.5s 2

我如何分解它以通过 Jquery CSS 附加？

.css ("animation", "Drawcircle 1.5s 2")?

Answer 1

根据您的需要，有两种方法可以使用类切换或手动。

// The class toggle style
// JS
element.classList.add("animate"); // to start
element.classList.remove("animate"); // to stop

// css
thelement.animate {
   animation: drawcircle 1.5s 2;
}

或

// jQuery
$(element).addClass("animate"); // to start
$(element).removeClass("animate"); // to stop

// css
thelement.animate {
   animation: drawcircle 1.5s 2;
}

或

// the manual style
// JS
element.style.animation = "drawcircle 1.5s 2";

或

// jQuery
$(element).css("animation", "spin 1.5s infinite");

希望对你有帮助