DX技術用語辞典

by Arsaga Partners

jQuery

読み方: じぇいくえりー

jQueryとは

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

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月時点)