jQuery の css() メソッドの使用方法を教えてください。

2年 ago
芽依, 雨夜
1 minute

jQueryのcss()メソッドを呼び出すには、次の手順に従います:

  1. jQueryライブラリをHTMLファイルに含める。以下のように記述する。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  1. ボタンなどの HTML 要素を作成する。
<button id="myButton">Click me</button>
  1. jQuery の css() メソッドを使用することで、要素のスタイルを変更することが可能です。JavaScript ファイルでは、以下のような記述で呼び出すことができます。
$(document).ready(function() {
$("#myButton").css("color", "red");
});

ボタンのテキストの色を赤に設定します。

上記のコードでは、$(document).ready() 内部の関数は、ドキュメントが読み込まれた後に実行されます。 $(“#myButton”) は「myButton」という id の要素を取得し、css() メソッドによりそのスタイルを変更します。最初のパラメータ「color」は変更するスタイルプロパティを指定し、2 つ目のパラメータ「red」は設定する値を指定します。

必要に応じて属性と値を変更して、希望のスタイル効果を得られます。

bannerAds