jQueryの基礎jQueryの実例:hoverイベントhoverイベントにより、マウスカーソルがセレクタの要素の上にマウス乗ったとき/外れたときの処理を簡単に記述できます。例4:画像の切り替え一般形式hoverは、2つの引数をもちます。通常は関数ですから、次のような形式になります。);</script>例1:特定個所の強調(文字色の変化)該当個所(class="キーワード")にマウスが乗ったとき、その文字列を赤色にし、離れたとき、黒色に戻す例です。class="キーワード">、▲の直後に</span>があります。Resig▲らによって開発されたJavaScriptのライブラリである。Foudation▲が設立された。現在、jQueryには豊富な▼プラグインソフト▲が、多数の組織や個人により公開されている。イベントでのセレクタ(ここでは、".キーワード")をそのまま使うという意味ですが、さらに「引金となった個所の情報」も加えています。"red");マウスが乗った個所だけが赤くなる。"red");▼~▲のすべての個所が赤くなる。例2:「注」の表示(表示・非表示との連携)次の「文章」の[注]にマウスが乗ると注が表示され、離れると消えます。id="注1">[注1]</span>があります。id="注2">[注2]</span>として使用するには、head部に次の指定をすればよいのです。style="display:none">~~~</div>があります。Network)とは、スクリプト等をダウンロードせずに、クラウド側で公開しているものをオンラインで使うサービスのこと。});</script>「注1」でがマウスを乗せる個所と注本文を表示する個所が同一個所ですので「this」を使うことにより記述できます。それに対して「注2」では、マウスを乗せる個所と注本文を表示する個所が異なります。表示・非表示させています。小さな画像(サムネイル画像)を並べて表示し、マウスを乗せた画像を拡大表示します。-->Gはサムネイルを並べたリストです。ない」ようにすることが重要です。あるidをもつ個所」という意味で、「id="画像1"」や「id="画像2"」の場合をまとめて処理できるからです。Bのイベントが起こった時点で、対象のサムネイル画像の情報が取り込まれています。height:高さ(単位px)などがあります。Hは「ダミー」の画像です。)をスクリプトが埋め込むことにより、ここに拡大画像が表示されるのです。Aでは、画像としてのオブジェクトを「拡大画像」という名前にしました。マウスが乗ったときは、まずCで、Hのダミー画像情報を受け取ります。>のように変更しています。「イベントが発生したときのセレクタ」の意味です。