初心者のWEBデザイン

HTML,CSS、その他WEBデザインに関する事を記述していきます

20150411143621

初めてのjQuery

jQueryの概要と導入方法

先日までJavascriptについて記述してきましたがjQueryの授業が始まりましたので
jQueryについて少しずつ更新していきます。

jQueryとはJavascriptの中のライブラリのひとつです。

jQueryを使うことによってDOM(Document Object Model)の操作がシンプルになります。 記述方法はこれからやっていきますがCSSに似ているところがあります。

jQueryの呼び出しですが、一つはQuery本体をダウンロードしてフォルダに入れて使用(サーバにアップロード)する方法
f:id:bellsmarket:20150218154907p:plain


もう一つはGoogleMicrosoftなどが配布(CDN(Content Delivery Network))しているjQuery本体ファイルを読み込んで使用する方法の2つがあります。

f:id:bellsmarket:20150218154911p:plain

いずれの方法を行うにしてもjQueryのサイトに行き、ファイルの保存かソースのコピーが必要となります。

jQueryサイト

前者のダウンロードするファイルには二種類あり下記になります。
compressed~改行などを除去してファイルサイズを抑えたファイル
uncompressed~……圧縮前の元ファイル。構造が見やすい

jQueryの読み込みにはscript要素内に記述して適応することになります。
パスは、適宜で編集して下さい

<head>
<script src="js/jquery-1.11.0.min.js"></script>
</head>

<body>
<script src="js/jquery-1.11.0.min.js"></script>
</body>

今回は導入方法ですが次回から具体的な概要を記述したいと思います。

topへ戻る