メニュー 閉じる

【初心者入門】jQueryでCSSを変更する方法を解説!

参考ページ:https://web-camp.io/magazine/archives/10902

 

 

jQueryを活用している時に、CSSを変更した時もありますよね?

今回の記事ではjQueryでCSSを変更する方法を解説します!

javascript上から、何らかの動作時に背景色を変えたい、動きを付けたいという場合にも変更することがあります。ここでは、javascriptの中でもまだ本流で使われているjQueryからのCSS変更方法をご紹介します。

javascript上から、何らかの動作時に背景色を変えたい、動きを付けたいという場合にも変更することがあります。ここでは、javascriptの中でもまだ本流で使われているjQueryからのCSS変更方法をご紹介します。

jQueryとは

jQuery(ジェイクエリー)は、JavaScriptコードをより簡単に記述できるようにするために設計されたJavaScriptライブラリの一つです。通常のJavaScriptのままでは煩雑化・複雑化するコード内容を簡潔に記述できるのが魅力です。

jQueryの事前知識

jQueryの詳しい説明は省略しますが、今回は以下だけ把握しておけば理解可能です。覚えておいてください。

1.要素に対して操作する場合:例えば、p要素を指定する場合には、$(‘p’)と記述する。

2.CSSのclassセレクタに対して操作する場合:例えば、testクラスを指定する場合には、$(‘.test’)と記述する。

3.CSSのidセレクタに対して操作する場合:例えば、idが「test」を指定する場合には、$(‘#test’)と記述する。