jQuery

FIEのためにjQueryのことまとめる。

jQueryをはじめる

  • jQueryの本家
    jQueryは速くて小さくてリッチな機能を備えたJavaScriptのライブラリです。MITライセンスなのでいざというときも安心ですね?

どんどん欲しくなったでしょう。今すぐダウンロード

2015年11月16日には
Download the compressded, production jQuery 2.1.4をダウンロードしました。

jQueryをやるときにまず揃えるべきファイル

  • playground/
    ** jquery-2.1.4.min.js
    ** playground.html

playground.htmlの中身

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>jQuery</title>
</head>
<body>
    <a href='ensekitt.org'>EnsekiTT.org</a>
    <script src="jquery-2.1.4.min.js"></script>
    <script>
    // これからここを書きます。とりあえずサンプルはこちら↓
    window.onload = function() {
        alert( &amp;quot;hello jQuery!&amp;quot; );
    };
    </script>
</body>
</html>

playground.htmlを開いて、アラートが出ることを確認して下さい。
スクリーンショット 2015-11-16 20.48.32

.ready

jQueryは、ドキュメント(ホムペの内容)が読み込み終わるのをready eventで知ることができます。

$( document ).ready(function() {
    // ここに読み込み終わったタイミングでやりたい処理を書く
});

たとえばこんな感じ

$( document ).ready(function() {
    $( "a" ).click(function( event ) {
        alert( "ようこそ!" );
    });
});
スポンサーリンク