jQuery。 $（＆＃39; <img/>＆＃39;）是什么意思？

Question

  

可能重复：
  What does the selector syntax mean in $( “<div/>” ).text( message )

我搜索过但找不到任何关于此的信息......包括jQuery参考...

$('<img/>')在jQuery中的含义是什么？ 我只熟悉$('img')。

我在本文中遇到过这段代码： http://tympanus.net/codrops/2010/11/16/hover-slide-effect/

但是在代码中，当我用另一个替换它时，它会停止工作，所以我猜它们不一样。

此外，最后一段代码：

.attr('src',$this.attr('src'));

它的用途是什么？它似乎是减少的，但如果我删除它也会失败。 任何人都可以详细说明这个吗？

由于

Answer 1

$(anyHtmlCode)构建了一个由您提供的HTML构建的jQuery包装元素。

From the documentation :

  

如果将一个字符串作为参数传递给$()，jQuery会检查。{   字符串，以查看它是否看起来像HTML（即，它在某处有<tag ... >   在字符串内）。如果不是，则将字符串解释为选择器   表达，如上所述。但如果字符串看起来是一个   HTML片段，jQuery尝试按照描述创建新的DOM元素   通过HTML。然后创建并返回引用的jQuery对象   对这些元素。您可以执行任何常用的jQuery方法   这个对象

该行

$someElement.attr('src',$this.attr('src'));

将$ someElement的src设置为与$ this相同。

Answer 2

$('<img/>')正在创建新的图片代码。 它类似于

document.createElement('img')

Answer 3

$('<img />')实际上创建了一个新的img元素并将其包装在jQuery对象中，而$('img')选择了页面上的所有img元素。

$('img').attr('src',$this.attr('src'))设置第一个匹配的img元素的src属性。