追加のプロパティのためにJQueryでCSSを追加するための正しい構文

Question

基本的には、ページが読み込まれるときにJQueryを使用してCSSを操作したいと考えています。

私はこのCSSを追加したい：

animation: drawcircle 1.5s 2 

私はjqueryのCSSを経由して接続することを破る方法を教えてください。

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

Answer 1

2通りの方法がありますそれを行うには、あなたのニーズに応じてクラストグルまたはマニュアルを使用します。

// 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; 
} 

OR

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

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

OR

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

OR

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

を役に立てば幸い

Answer 2

は、次のような何かができる：

element.css('animation-name', 'drawcircle'); 
element.css('animation-duration', '4s'); 

drawcircle

はあなたが@keyframes定義に定義されたアニメーションです。ここで

は、純粋なCSSで円を描く方法の例です： Draw a circle with pure CSS

あなたが好きなアニメーションを開始するためにその一例ではマスク要素を使用することができます。

mask.css('animation-play-state', 'running');