jQuery(html, [ownerDocument])

解説

HTML文字列から、jQueryオブジェクトを生成します。
動的にDOM要素を作成することができます。

引数

• html
  String: HTML文字列
• [ownerDocument]オプション
  Element: 要素の生成先

戻り値

• jQuery: jQueryオブジェクト

関連

• jQuery(expr, [context])
• jQuery(html, props)
• jQuery(elements)

例

例1:<p>Hello jQuery!</p> というDOM要素のjQueryオブジェクトを生成し、表示します。

$("<p>Hello jQuery!</p>").appendTo("#test_result");

例2:<em>[1～3]行目</em> というDOM要素のjQueryオブジェクトを生成し、表示します。

for(var i = 1; i <= 3; i++) {
    $("<em>" + i + "行目</em>")
        .append("<br/>")
        .appendTo("#test_result");
}

例3:例2）は次のように書くこともできます。

for(var i = 1; i <= 3; i++) {
    $("<em/>").text(i + "行目")
        .append("<br/>")
        .appendTo("#test_result");
}

ページトップヘ

ページトップヘ