jQuery での css() メソッドの用途は何ですか?

Jquery にはさまざまなメソッドが含まれており、そのうちの 1 つが CSS() です。 CSS() メソッドは、特定の HTML 要素に適用される特定の CSS プロパティの値を取得するために使用されます。さらに、特定の HTML 要素の CSS プロパティとその値を設定するために使用されます。開発者は、CSS() メソッドを使用して CSS プロパティ値を更新することもできます。

このチュートリアルでは、Jquery の css() メソッドを使用して、特定の HTML 要素の CSS プロパティにアクセスして設定する方法を学びます。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って Jquery css() メソッドを使用できます。

リーリー

css() メソッドは 1 つまたは 2 つのパラメータを受け入れます。ここで、「property」は、値にアクセスまたは設定する CSS プロパティの名前です。さらに、複数の CSS プロパティのキーと値のペアを含むオブジェクトを受け入れます。

例 1

以下の例では、div 要素の背景色を設定します。ユーザーがボタンをクリックすると、コールバック関数は Jquery の CSS() メソッドを使用して div 要素の「background-color」属性値にアクセスします。

出力では、ユーザーはボタンをクリックした後の div 要素の背景色を RGB 値で確認できます。

リーリー

例 2

次の例では、css() メソッドを使用して div 要素の背景色を設定します。ここで、ユーザーがボタンをクリックすると、コールバック関数はクラス名と css() メソッドを使用して div 要素にアクセスします。最初のパラメータである属性名として「background-color」を渡し、2 番目のパラメータである属性値として「red」を渡します。

出力では、ボタンをクリックすると div 要素の背景色が赤に変わることがわかります。

リーリー

例 3

以下の例では、ランダムなピクセル値を使用して div 要素のパディングを変更します。ここでは、css() メソッドの最初のパラメーターとして 'padding' を使用し、css() メソッドの 2 番目のパラメーターとして関数を使用しています。

この関数では、Math.random() メソッドを使用して 1 から 50 までの乱数を取得し、HTML div 要素のパディングとして設定する乱数値を返します。出力では、ユーザーはランダムなパディング値を確認できます。

リーリー

例 4

の中国語訳は次のとおりです:

例 4

次の例では、CSS() メソッドを使用して、アクセスされた HTML 要素に複数の CSS プロパティを設定します。ここでは、CSS() メソッドのパラメータとしてオブジェクトを渡します。このオブジェクトには、複数の CSS プロパティと値のペアが含まれています。

ユーザーがボタンをクリックすると、すべての CSS プロパティが div 要素に適用され、ユーザーは出力で確認できます。

リーリー

開発者は、Jquery の css() メソッドの使い方を学びます。最初の例では、css() メソッドを使用して CSS プロパティ値にアクセスします。 2 番目の例では、CSS プロパティを HTML 要素に設定します。

3 番目の例では、関数によって返された値を CSS プロパティ値に設定します。最後の例では、CSS() メソッドを使用して、複数の CSS プロパティ値を HTML 要素に設定します。

以上がjQuery での css() メソッドの用途は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。