有时我会看到类似$('<img/>')
. 与此有何$('<img/>')
不同,$('img')
我可以在哪里阅读更多相关信息?
我尝试查看jQuery 选择器,但没有发现与此格式相关的任何内容。
有时我会看到类似$('<img/>')
. 与此有何$('<img/>')
不同,$('img')
我可以在哪里阅读更多相关信息?
我尝试查看jQuery 选择器,但没有发现与此格式相关的任何内容。
当传递一个看起来像 HTML 的字符串时,jQuery 函数被重载以构造新的 jQuery 元素。从文档:
如果一个字符串作为参数传递给 $(),jQuery 会检查该字符串以查看它是否看起来像 HTML(即,它以 开头
<tag ... >
)。如果不是,则字符串被解释为选择器表达式,如上所述。但是如果字符串看起来是一个 HTML 片段,jQuery 会尝试按照 HTML 的描述创建新的 DOM 元素。然后创建并返回一个引用这些元素的 jQuery 对象。
$('<img/>')
创建一个图像,而$('img')
选择所有当前存在的图像。
$('<img />')
创建一个<img />
要插入 DOM 的新元素。
$('img')
选择所有现有<img />
元素。
通常,人们会使用$('<img />')
以下方式在 DOM 中创建元素:
var toAppend = $('<img />');
toAppend.appendTo($('#myDiv'));
而您可以使用$('img');
选择器来处理 CSS(作为任意示例):
$('img').css('marginTop', 20);
以上将在 DOM 中的每个图像的顶部添加 20px 的边距。