岩手県立総合教育センター 情報教育ウェブこのページの本文へ

ここから本文Webページ教材開発テキスト

4-2 jQueryについて

 jQueryとは、2006年から開発/公開されているJavaScript用のライブラリです。ライセンスは、MIT Licenseであり、ライブラリの著作権表示を消さなければ、商用・非商用を問わずに誰でも自由に利用可能です。使い方の本、リファレンス本もたくさん出版されており、JavaScriptの標準ライブラリとなっています。

 jQueryを利用すると、要素の指定がとても楽になります。
 公式サイト   https://jquery.com/
 jQuery日本語リファレンス  http://semooh.jp/jquery//p> @ 使い方の基本

 jQueryが読み込まれてから命令が作動するように、下のような書き方をします。

   $(function() {
    /* ここにJavasriptを書く */
   });

※ 中括弧{}とかっこ()の違いには意味があります。

A セレクターの指定

 <div id="name">のセレクターを指定する場合には、$("#name")とします。 例:   $("#name").hide(); /* 非表示にする */   $("#name").show(); /* 表示する    */ $("#name").css("background-color","#0000ff"); /* 背景色を青色に */

B セレクターの指定・・・その2

 <div id="name1">1</div>  <div id="name2">2</div>  の場合、2つのセレクターを指定する場合には、カンマで区切って指定します。   $("#name1,name2").hide();