jqでCSSスタイルを変更する方法

jquery では、css() メソッドを使用してスタイルを変更できます。構文形式は、"$("要素名").css("属性名", "属性値")"; css です。 () メソッド設定 または、選択した要素の 1 つ以上のスタイル プロパティを返し、一致するすべての要素に対して指定された CSS プロパティを設定します。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

jQueryを導入して、自分の要素に合わせて要素のスタイルを定義する ここでは、divのスタイルを気軽に定義できます。

次に、スタイルによってもたらされる効果を確認し、ボタンをクリックしたときに色の変更などのインタラクティブな効果の設定を開始します。

まず、色の変更をトリガーするイベントを指定するのが自然です。これはトリガーなどによって行うことができます。ここでは、クリックして色の変更をトリガーします。

図に示すように、css() を使用して元の要素のスタイルを上書きできます。

#要素の単一のスタイルを変更する場合は、要素をカンマで区切ります。コロンは使用できません。

このようにしてインタラクティブなエフェクトを得ることができますが、これは 1 つのスタイルのエフェクトを変更するだけです。複数のエフェクトを適用するにはどうすればよいですか?

複数のスタイルを中括弧で囲み、スタイルをカンマで区切って、スタイル値にコロンを使用すると、効果的になります。

#最後に、スタイルのインタラクションが完了し、複数のスタイルが変更されます。

[推奨学習:

JavaScript 上級チュートリアル #]

以上がjqでCSSスタイルを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。