ホームページ > 記事 > ウェブフロントエンド > jsでdivのCSSを設定する方法
JS メソッドで div の CSS を設定します。まず、Jquery プラグインを導入します。次に、jquery の css メソッドを使用して html のスタイルを変更するか、jquery の addClass メソッドを使用して html に CSS スタイルを変更または追加します。
この記事の動作環境: Windows7 システム、jquery バージョン 1.8.3、Dell G3 コンピューター。
より便利に、より使いやすくするために、Jqueryプラグインを導入し、Jqueryを使用して動作させます。
私たちの HTML は非常にシンプルで、中にテキストの段落が入った div だけです。
ページを開きます。div では CSS スタイルが使用されていません。
HTML のスタイルを変更するには、 jquery css メソッドを直接使用できます:
$("#div_d").css("background-color","#0e90d2");
ページを更新すると、div の背景色が青になっていることがわかります。
複数の CSS スタイル値を変更する必要がある場合、CSS を直接変更するのは面倒で、何度も呼び出す必要があります。現時点では、より合理的な方法は、HTML に CSS スタイルを変更または追加することです。
jquery の addClass メソッドを使用します: $("#div_d").addClass("div_class");
#CSS スタイル div_class は次のように定義されています。 Figure では、複数のスタイル値が定義されています。
現在のページの効果をもう一度見てください。スタイルは正常に追加されています。 [推奨学習: JavaScript 上級チュートリアル]
以上がjsでdivのCSSを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。