Core/API/jQuery
jQuery(html, [ownerDocument])
生のHTML文字列からDOMエレメントを作成します。
ベタ書きであれ、何がしかのテンプレートエンジンやプラグイン、AJAXでのロードであれ、文字列として書かれたHTMLを受け取ります。
注意点として、inputタグの作成時に若干の制限があります。これはサンプル2を参照してください。
また、スラッシュを含むような文字列(imgタグのパスなど)を渡す場合は、これをエスケープしてやる必要があります。
XHTMLフォーマットでの記述時に空要素を記述する場合は、$("<span/>")のように書きます。jQuery1.3からは、$(document.createElement("span"))のように記述することもできます。
ベタ書きであれ、何がしかのテンプレートエンジンやプラグイン、AJAXでのロードであれ、文字列として書かれたHTMLを受け取ります。
注意点として、inputタグの作成時に若干の制限があります。これはサンプル2を参照してください。
また、スラッシュを含むような文字列(imgタグのパスなど)を渡す場合は、これをエスケープしてやる必要があります。
XHTMLフォーマットでの記述時に空要素を記述する場合は、$("<span/>")のように書きます。jQuery1.3からは、$(document.createElement("span"))のように記述することもできます。
- html
- StringHTML文字列
引数
戻り値
jQuery
作成されたjQueryオブジェクト
サンプル
サンプル1
div要素をはじめとするコンテンツを動的に作成し、bodyに追加する。
$("<div><p>Hello</p></div>").appendTo("body");
サンプル2
inputエレメントをtype要素無しに作ることはできない。
これはMicrosoftのread/write-onceルールによるもので、詳しくはMSDNを参照のこと。
これはMicrosoftのread/write-onceルールによるもので、詳しくはMSDNを参照のこと。
// Internet Explorerでは動作しない $("<input/>").attr("type", "checkbox"); // Internet Explorerでも動作する $("<input type='checkbox'/>");