動的要素にJqueryでCSSを追加

Question

誰かが私に次のことを助けることができます。

私はJqueryで追加するダイナミックHTML要素にスタイルを追加する必要がありますが、変更したい属性の値が要素によって異なるため、スタイルシートで直接与えることはできません私は追加します。

JsceryからHTML要素へのスタイルを単純化して、後で追加する必要があります。

私はいくつかの助けに感謝します。

Answer 1

要素を動的に追加する場合は、要素の作成時に、次のような要素にCSSを追加できます。

$('<p id="createdParagraph"/>') 
    .appendTo(document.body) 
    .css("color": "white", 
     "background-color": "#98bf21", 
     "font-family": "Arial", 
     "font-size": "20px", 
     "padding": "5px"); 

または

$('p').append('<span class=your_class_name>) 

あなたが異なる場合に性質の多くを使用したい場合、あなたは、あなたのスタイルシート内のすべての可能なクラスを作成することができますし、同じように動的にjQueryを使用してこれらのクラスを追加/削除することができます -

$("p").addClass('class1'); 
$("p").removeClass('class1'); 

希望すると、これが役立ちます。