JQセレクタの要素の中に、HTMLのタグを示す＜＞が入ってきているパターン。

Question

javascriptの勉強中です。

セレクタの要素の中に、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);
});

Comments

[yambejp]

「java」ではないですよね

Answer 1

セレクタの要素の中に、HTMLのタグを示す＜＞が入ってきているパターン。。。

これはセレクタではありません。$(HTML文字列)とすると、そのHTMLから新規作成した要素を含むjQueryオブジェクトが作成されます。

jQueryオブジェクトにしたいHTML文字列を指定します。

Answer 2

$("<input>");

これは新規にinputタグを作るという意味です
（正確にはinput要素としてjQueryオブジェクトを作る）

逆に、$("input")と書くと、既存のHTML(やdom)からinput要素を抽出するという意味になります

Answer 3

タグ(のエレメント)を生成します。
Pure JavaScriptだとcreateElement()と同じような役割をしています。
第２引数にオブジェクト形式で指定すれば属性と属性値も同時に設定できるので便利です。

var input = $("<input>",{
     value:"hoge"
    ,class:"fuga"
    ,id:"test"
});

Comments

[m.ts10806]

正確には既に出ているように「jQueryオブジェクト」ですね