jQuery 紹介

jQuery ライブラリは、一行的なシンボルでウェブページに追加できます。

jQuery ライブラリ - 機能

jQuery は JavaScript ファンクションライブラリです。

jQuery ライブラリには以下の機能が含まれています：

  • HTML 要素の選択
  • HTML 要素操作
  • CSS 操作
  • HTML イベント関数
  • JavaScript エフェクトとアニメーション
  • HTML DOM の巡回と修正
  • AJAX
  • ユーティリティ

jQuery ライブラリをページに追加する方法

jQuery ライブラリは、すべての jQuery ファンクションを含む JavaScript ファイルに配置されています。

以下のタグを使用してjQueryをウェブページに追加できます：

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

注意していただきたいのは、<script>タグはページの<head>部分に配置されるべきです。

基本的なjQueryの例

以下の例では、jQueryのhide()関数がHTMLドキュメント内のすべての<p>要素を非表示にします。

例

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>これは見出しです</h2>
<p>これは段落です。</p>
<p>これは別の段落です。</p>
<button type="button">クリックして</button>
</body>
</html>

自分で試してみてください

jQueryをダウンロード

ダウンロード可能なjQueryのバージョンは2種類あります：1つは圧縮されたもの、もう1つは未圧縮のもの（デバッグや読み取り用です）。

これらのバージョンはすべて jQuery.com ダウンロード

ライブラリの代替

GoogleとMicrosoftはjQueryを非常にサポートしています。

jQueryライブラリを自分のコンピュータに保存したくない場合は、GoogleまたはMicrosoftからCDN jQueryコアファイルをロードできます。

GoogleのCDNを使用

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

MicrosoftのCDNを使用

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>