jqueryを使用してdivにスタイル属性を追加および削除する

自分が取り組んでいるプロジェクトを継承し、いくつかのjqueryアニメーションを更新しています（jqueryの練習はほとんどありません）。

スタイル属性を追加および削除する必要があるdivがあります。ここにdivがあります：

<div id='voltaic_holder'>

アニメーションのある時点で、それにスタイルを追加する必要があります。

<div id='voltaic_holder' style='position:absolute;top:-75px'>

私は周りを検索して.removeAttr()メソッドを見つけましたが、それを追加する方法、またはそのリモート部分（top：-75pxのみなど）さえもわかりません。

おかげで、

次のいずれかを実行できます

各スタイルプロパティを個別に設定します。

$("#voltaic_holder").css("position", "relative");

複数のスタイルプロパティを一度に設定します。

$("#voltaic_holder").css({"position":"relative", "top":"-75px"});

特定のスタイルを削除します。

$("#voltaic_holder").css({"top": ""});
// or
$("#voltaic_holder").css("top", "");

スタイル属性全体を削除します。

$("#voltaic_holder").removeAttr("style")

voltaic_holderスパンのスタイル属性を完全に削除するには、次のようにします。

$("#voltaic_holder").removeAttr("style");

属性を追加するには、次のようにします。

$("#voltaic_holder").attr("attribute you want to add", "value you want to assign to attribute");

トップスタイルのみを削除するには、次の操作を行います。

$("#voltaic_holder").css("top", "");

jQueryを使用している場合は、CSSを使用してCSSを追加します

$("#voltaic_holder").css({'position': 'absolute',
    'top': '-75px'});

CSS属性を削除するには

$("#voltaic_holder").css({'position': '',
    'top': ''});

これ（および起動するための最良のHTMLソリューション）を処理する簡単な方法は、使用するスタイルを持つクラスを設定することです。次に、addClass（）とremoveClass（）、またはtoggleClass（）を使用するだけです。

$('#voltaic_holder').addClass('shiny').removeClass('dull');

あるいは

$('#voltaic_holder').toggleClass('shiny dull');

Anwer is here jQueryを使用してテキスト配置のスタイルを動的に追加する方法

！importantの jQuery の.cssメソッドの場合ルールは適用されません。

この場合、.attr関数を使用する必要があります。

例：以下のようにスタイルを追加したい場合：

<div id='voltaic_holder' style='position:absolute;top:-75px !important'>

あなたは使うべきです：

$("#voltaic_holder").attr("style", "position:absolute;top:-75px !important");

それが誰かを助けることを願っています。

Jクエリを使用してdivからスタイル属性を削除します。

$("#TableDiv").removeAttr("style");

Jクエリを使用してdivにスタイルを追加します。

$("#TableDiv").attr("style", "display: none;");

HTMLを使用してスタイルを追加します。

<div class="row" id="TableDiv" style="display: none;">
</div>

それが役に立てば幸い:)