DX技術用語辞典

jQueryとは

JavaScriptライブラリの1つ。
ロゴの下のキャッチコピー「write less, do more」（書く量を減らし、多くのことを行う）の通り、JavaScript単体で書く時ときよりもコードの量を減らせます。

jQueryのメリット

• • 学習コストが低い
    HTMLにCDNを追加するだけで、jQueryを使うことができます。

• コードが何をしているのかイメージしやすい
  例えばidを参照する場合、JavaScriptでは、「document.getElementById(‘idの名前’)」と記載します。その点、jQueryでは、「$(‘#id名’)」のみとなり、短いコード量で済みます。

jQueryの豆知識

• • 「$」は関数
    JavaScriptにおいて「$」は、特別な意味を持ちませんが、jQueryにおいて「$()」は関数になります。

• 「$」の代わりに「jQuery()」を使うことも？
  「$()」と「jQuery()」は同義です。ただし「$()」だと他のライブラリとコンフリクト(※)することがあるので、それを避けるため「jquery()」と書くこともあります。

  ※複数のライブラリなどが同じ名前やクラス名、変数名などを定義していて、両者を同時に利用できない状態になってしまうこと。

jQuery関連の歴史

2006年8月頃: 初版(ver1)がリリース。
2013年4月頃: ver2リリース。Internet Explorer 6, 7, 8 の非サポートとなる。
2016年6月頃: ver3リリース。カスタムセレクタの高速化。Ajax機能を含まない軽量版の提供。ES2015のfor ofループへの対応。

現場の声

筆者がJavaScriptを勉強する際、jQueryから学び始めました。そのため、HTMやCSSの知識を多少持っているだけでJavaScriptを使ったDOM操作等がすぐにできました。
当社でもjQueryを使っている案件は多数あり、学んで損はないライブラリだと思います。

関連用語

JavaScript
ajax
CDN

＜執筆・監修＞
アルサーガパートナーズ株式会社　DX技術用語集制作チーム　フロントdivision

（2021年9月時点）