参考ページ: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’)と記述する。