のような構造を時々見かけ$('<img/>')
ます。これと$('<img/>')
の違い$('img')
と、これについてどこで詳しく読むことができますか?
jQuery セレクターを調べてみましたが、この形式に関連するものは何も見つかりませんでした。
のような構造を時々見かけ$('<img/>')
ます。これと$('<img/>')
の違い$('img')
と、これについてどこで詳しく読むことができますか?
jQuery セレクターを調べてみましたが、この形式に関連するものは何も見つかりませんでした。
jQuery 関数は、HTML のような文字列が渡されると、新しい jQuery 要素を構築するためにオーバーロードされます。ドキュメントから:
文字列がパラメータとして $() に渡されると、jQuery はその文字列が HTML のように見えるかどうか (つまり、 で始まるかどうか) を調べます
<tag ... >
。そうでない場合、上記で説明したように、文字列はセレクター式として解釈されます。ただし、文字列が HTML スニペットのように見える場合、jQuery は HTML で記述されているとおりに新しい DOM 要素を作成しようとします。次に、これらの要素を参照する jQuery オブジェクトが作成されて返されます。
$('<img/>')
画像を作成$('img')
しますが、現在存在するすべての画像を選択します。
$('<img />')
<img />
DOM に挿入する新しい要素を作成します。
$('img')
すべての既存の<img />
要素を選択します。
一般に、$('<img />')
次のように DOM で要素を作成するために使用します。
var toAppend = $('<img />');
toAppend.appendTo($('#myDiv'));
セレクターを使用して CSS を処理できますが$('img');
(任意の例として):
$('img').css('marginTop', 20);
上記は、DOM の各画像の上部に 20px のマージンを追加します。