上昇ブログ

people for the living

jqueryはページ表示(onload)時こう動いてます

<script type="text/javascript" src="jquery-2.1.4.min.js" /></script>
<script type="text/javascript">

    $(function(){
       alert("start");
       $("#abcde").click(function(){
           $("ul").append("<li>Uchida!!</li>");
       });
   });
</script>

こう書いた場合、

ページが表示されたタイミングでまず

alert("start");

が動いて、alertが表示されます。 でも

$("#abcde").click(function(){

は実行されません。 id="abcde"が設定されてるものが、clickされたタイミングで動きます。

ここで重要なのは、ページが表示(onload)されたタイミングで一度処理が通っているということです。

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
わたしはこれでjqueryを覚えました。