jQueryをはじめる前の基礎知識・使い方

jQueryはJavaScriptを簡単に扱うためのライブラリです。初心者でもJavaScriptを用いた処理が実装できることで広く利用されています。オンライン上にソースがあってダウンロードすることも、直接リンクを指定して利用することもできて使い勝手が良いのも魅力です。

jQueryとは

JavaScriptを手軽に扱うためのライブラリ(汎用性の高い複数のプログラムを再利用可能な形でひとまとまりにしたもの)

公式サイト

jQueryの特徴とメリット

特徴 メリット
汎用的なプログラムが予め用意されている
  • 初心者でも簡単にJavaScriptを用いた処理を実装することができる

jQueryの使用例

  • クリックしたらメニューを表示する。
  • スクロールしたらボタンを表示する。
  • スライドショーを表示する。
  • やモーダルウィンドウを表示する。

jQueryの使い方

jQueryの読み込み

jQueryを含め、JavaScriptはbodyの閉じタグの直前で読み込む(サイトを表示する速度を下げないようにするため)。

jQueryのバージョン

1.x 系
IE8以前をサポートするもの
2.x 系
IE8以前をサポートせず、高速に安定して動作させることを目指したもの
3.x 系
2.x 系を設計から見直して作り直されたもの

実行する処理を記述する

jQueryを読み込んだ後に処理を記述すること。

See the Pen jQuery by Hidehiro (@HidehiroKohno) on CodePen.

Share

Back to Top