JAVASCRIPTの練習（２）

前の続きで、はたと詰まってしまった。
https://github.com/karldoenitz/html_table_immediate_edit

セレクタの要素の中に、HTMLのタグを示す＜＞が入ってきているパターン。。。
えー、いろいろ調べたけど、日本のサイトでは見つからない。

ここは一体なんなんだろうか？
ちょっと分からなかったので、いろいろ調べてみたら
htmlのタグをそのまま書くと、要素を生成することらしい。。。

    var input = $("<input>");
    input.attr("value",tdText);
    td.append(input);
    input.blur(function(){
        var input = $(this);
        var inputText = input.val();
        var td = input.parent("td");
        td.html(inputText);
        td.click(tdClick);
    });

メソッドattr 属性を取得したら、設定できるらしい
メソッドappend 引数にしめしたコンテンツを追加する
メソッドblur マウスポインタが外れた時に、実施するコマンドをバインドする
メソッドhtml 内容を書き換える

ここは全般的にみると、新しく作った入力BOXに対して、
クリック後にテキストを親の＜td＞要素のテキストに変更させる処理になっている

    input.keyup(function(event){
           var myEvent = event || window.event;
           var keyCode = myEvent.keyCode;
           if(keyCode == 27){
               input.val(tdText);
           }
    });
 
    var inputDom = input.get(0);
    inputDom.select();
    td.unbind("click");

この先は、ほとんど意味不明。
ゴニョゴニョ書かれているけれども
そうしないといけないんだろう。。。