jQuery【 入門 】短い記述で命令を実現

jQueryは、JavaScript をより簡単に記述するためのコードです。
今回は、JavaScript をある程度理解している方向けに、jQuery の特徴や使い方などを そのイメージが持てる程度に解説いたします。
JavaScript が初めての方は、是非JavaScript【 入門 】 ～ 手軽に始められるプログラミング言語他 JavaScript のページをご参照下さい。

なお、未経験からITエンジニアへの就職に興味がある方や未経験からプログラミングを効率よく学びたいと考えている方は、就職率98.3％で受講料無料のプログラミングスクールプログラマカレッジもおすすめです。

1. jQueryとは

　
jQuery（ ジェイクエリー ）は、JavaScript を より容易に記述できるようにするための 軽量な JavaScript ライブラリです。

言い換えると、JavaScript で実現可能なプログラムを、より短く簡潔な記述で実現するのが jQuery です。

▲目次へ戻る

　

2. ライブラリとは

　
jQuery は、「 JavaScriptを より容易に記述できるようにするための 軽量なJavaScriptライブラリ 」です。

この「 ライブラリ 」とは、プログラムコードを集めたものを意味します。
使用頻度の高い機能や効果を持つ プログラムコードを、予め 色んな場所で利用しやすい形にまとめたものが「 ライブラリ 」です。

jQuery は JavaScript のライブラリなので、JavaScript で実行できる処理を jQuery を使って より短く簡潔に記述することができます。

jQuery の内部には JavaScript で書かれた 膨大なプログラムコードが潜んでおり、jQuery で記述された短いコードを実行する際には、それに対応する JavaScript のプログラムコードが内部で実行される仕組みとなっています。

▲目次へ戻る

　

3. jQueryの特徴

　
jQuery の特徴として、主に次のようなメリットとデメリットがあります。

　
プログラミング作業を効率的に行えるというメリットと 処理速度が劣るというデメリットを考えて、JavaScript と jQuery を上手く組み合わせて記述するのが良いと思います。

▲目次へ戻る

　

4. jQueryの使い方

　
jQuery を使用するためには、予めライブラリを用意して設置しておく必要があります。

必要なライブラリを用意する方法はいくつかありますが、例えば、jQuery の公式サイトからライブラリをダウロードして設置し、ファイル上で次のように読み込みます。

<script type="text/javascript" src="/jquery.min.js"></script>

ライブラリのダウンロードなど 具体的な用意の手順については、jQuery【 ダウンロード 】jQuery を使用するための準備をご参照下さい。

▲目次へ戻る

　

5. jQueryの書き方

　
jQuery を記述する際には、ドルマーク（ $ ）を頻繁に使います。
これは $ 関数で、「 コマンド 」とも呼ばれます。
　
例えば、id 名を指定して HTML 要素を取得する場合、JavaScript と jQuery とで記述方法を比較すると、次のように違います。

■ JavaScript

document.getElementById("id名")

　
■ jQuery

$("#id名")

　
上のサンプルからも、jQuery が JavaScript より短く簡単に記述できるイメージが持てると思います。
但し、「 $ 」や「 # 」など、書き方のルールに注意する必要があります。

▲目次へ戻る

6. まとめ

jQuery の特徴や使い方について、いかがでしたでしょうか。

「Webプログラマになりたいけど、独力では限界がある」と感じている方には、「プログラマカレッジ」がおすすめです。
「プログラマカレッジ」は本気でプログラマを目指す方のための、就職支援付き、受講料無料のプログラミングスクールです。

今回ご紹介した「jQuery」を含む豊富なカリキュラムで、IT初心者からWebプログラマとして就職するまで、プロが完全にサポートします。
本気でプログラマとして就職・転職したいという方は、一度のぞいてみてはいかがでしょうか。

→ 就職支援付き無料プログラミングスクール「プログラマカレッジ」

▲目次へ戻る