JavascriptjQueryの基礎jQueryのテスト結果の個人用メモです。「マウスカーソルの動作(hover)」jQuery利用の環境設定jQueryは、JavaScriptライブラリの1つです。MITのライセンスですが、無料で利用することができます。jQuery(の本体)を用いて。多様な機能を追加したアドオンが多くの人により開発され提供されています。iQueryは頻繁にバージョンアップされており、1.6.2とか1.10.2などと附番されています。最新のものほど機能の増加、処理方法の改善が図られいますが、廃止される機能もあります。そのため、古いバージョンを利用したアドオンを使うときは、新バージョンでは機能しないこともあります。jQueryのダウンロード本格的に利用するのであれば、また、オフライン状況でも利用したときは、jQuery.jsのソースファイルをダウンロードして使います。http://jquery.com/からダウンロードできます。旧バージョンも揃えてあります。版(minと略称)では100kbの軽量です。CDNjQueryをダウンロードしなくても、iQueryをオンラインで提供しそれを読み込んで使用することができます。Network)といいます。jQuery、Google、Microsoftが有名です。その場合は、Aのsrc部分を次のようにscriptを記述します。src="http://code.jquery.com/jquery-1.5.1.min.js"src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"新バージョンが出現するたびに、これを書き換えるのは面倒です。jQueryサイトではsrc="http://code.jquery.com/jquery-latest.js"により、自動的に最新のものが利用できるようになっています。src="http://code.jquery.com/jquery-latest.js"></script>としています。jQueryの構造jQueryのスクリプトの構造を、実行の引金となる記述をHTML側で書くか、スクリプト側で書くかで区分します。ここにjQueryの処理を記述します。--></input>HTML側(C)の[実行]ボタンをクリック(onClick)したときに、スクリプト側のAの「関数」が起動します。実際の処理Bが行われます。ここにjQueryの処理を記述します。「$」が気になりますが、とりあえず「jQueryを使うときのオマジナイ」だとしておきます。対応に留意してください。HTMLのHでは<input>に名称「id="実行ボタン」を付けています。」に相当するものがありません。それで、HTMLが開かれた時点で、起動するのですが、未だ具体的な処理はされません。起動の引金となるのが、Eです。個所([実行]のボタン)がクリックされたら(click)、以下の処理を行う」という意味です。HTMLで行われる操作による処理を事前に記述して待機していることになります。無名関数とは、この場だけの一時的な関数です。「無名」なのですから、外部からの呼び出しはできず、実行時にこの文にきたときに自動的に実行されます。E:#実行ボタン(id="実行ボタン"の記述のある場所)がclick(クリック)されたら、(......)を行えという意味です。この行が実行の引金になります。F:その実行する関数(無名関数)です。関数にすることがポイントで、次のようにするとエラーになります。);G:iQueryの基本的命令文の形式です(後述)。id="実行ボタン">「ここ」</span>をクリックしてください。