2 flat logo on transparent 256
2018-01-29

jQueryとは何か?何ができるのか解説します

Jquery

プログラミングをしていると必ずでてくるjQery
初心者・独学者、入門中の方の場合JavaScriptとjQueryを混同する場合がありますので、今回jQueryとは何か 何ができるのかの解説を行います。

そもそもjQueryとは何か

jQueryはJavaScriptのライブラリになりJavaScriptを簡潔記載したり、拡張機能を利用して少量のコードで様々な機能が利用できるようになります。

jQueryで出来ること

jQueryを利用することにより、より画面をリッチにすることができます。

詳細な部分は割愛しますが、例えば下記になります。
・一定時間画面を見ていたらモーダルを出す
・入力した文字数をリアルタイムでカウントする
・マウスをボタンへ被せると色を変更する

jQueryを利用するには

2つの方法があります

CDNを利用する

CDNを利用することにより、jQueryのファイルをローカルにダウンロードすることなく利用できます。
使い方は の間へCDNのリンクを設定すれば
それだけで可能になります。

CDNは下記3つあり、どれを選択しても問題ございません。

Google

GoogleのCDNを使ったjQueryファイルの読み込み方法

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Microsoft

MicrosoftのCDNを使ったjQueryファイルの読み込み方法。

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>

jQuery

jQueryのCDNを使ったjQueryファイルの読み込み方法

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

下記はGoogleのCDNを利用した場合の例になります。

<head>
<meta charset="UTF-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

</head>

※バージョンは複数あるので、バージョン指定する場合は公式サイトを御覧ください

直接ダウンロードする方法

こちらは公式サイトのjqueryライブラリを直接ダウンロードする方法です。

以上になります。
具体的にjqueryを利用する場合は次回記載します。

前の記事
次の記事