jQuery 基本知識

jQueryとは

jQueryはWebブラウザ用のJavaScriptのコードをより短く容易に記述できるように設計されたJavaScriptのライブラリ．
jQueryのキャッチコピーは「write less, do more（少ない記述で，もっと多くのことをする）」

jQueryの特徴

jQueryには次のような機能や特徴を持つ．
○DOM操作・変更
簡単な構文とセレクターを提供して，DOMの要素を選択と操作，変更することができる．要素の選択，追加，削除，属性の変更などの操作が容易に行うことができる．

○CSSの操作
jQueryはCSSのプロパティを直接操作するためのメソッドを提供している．例えば，要素のスタイルを変更したり，要素の表示/非表示の切り替えが簡単にできる．これにより動的なUIの作成やスタイルの変更ができる．

○エフェクトとアニメーション
jQueryはエフェクトやアニメーションを実装するためのメソッドを提供している．要素のフェードイン/フェードアウトなど複雑なアニメーションを簡単に実装することができるため，Webアプリケーションに動きを追加することができる．

○Ajax機能
Ajax機能により，非同期でサーバーとデータをやり取りすることができる．更新する必要がない部分を無駄に読み込む時間が必要ないため，ユーザが快適にブラウザの操作ができる．

jQueryの導入方法

アプリケーションにjQueryを導入するには，一般的に以下の２つの方法がある．

jQuery自体をダウンロード

jQueryの公式サイトから，jQuery自体をダウンロードして，それを利用する方法．
１．jQueryの公式ウェブサイトにアクセスして，jQueryの圧縮バージョンファイル(.min.js)をダウンロードする．
２．ダウンロードファイルを開発しているプロジェクト内に配置する．
３．HTMLファイルで以下のScriptタグを使用してjQueryを読み込む．

<script src="path/to/jquery.min.js></script>

CSNを使う

CDN(Content Delivery Network)とは，公開されたネットワーク上のサーバからコンテンツを配信する仕組みである．CDNのjQueryを使用することで，jQueryを自分のプロジェクト内に配置しなくても，利用することができる．
HTMLファイルに以下を記述することでjQueryを読み込む．

<script 
	src="https://code.jquery.com/jquery-3.6.1.min.js" 
	integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" 
	crossorigin="anonymous"></script>

jquery-⚪︎.⚪︎.⚪︎.min.jsには使いたいjQueryのバージョンを指定する．特に理由がなければ最新のもので良い．

注意点
jQueryを記述したJavaScriptファイルより先に記述しないとエラーが発生する．

jQueryの基本文法

jQueryの実際の書き方については別の記事にまとめたので，そちらを参考にしてください．