2012-10-17 116 views
0

可能重复:
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')); 

又是什么呢?它看起来还不错,但如果我删除它也会失败。 任何人都可以详细说明这一点吗?

感谢

+3

经常这样,文档提供了一个解释:) http://api.jquery.com/jQuery/#jQuery2 –

+0

'。attr('在新创建的''标签上被调用,而'$ this'是已经存在的'img'。请记住'$ this'与$(this)不同。 – Eric

+1

@FelixKling I 'd喜欢结束的原因'在标准文档“... –

回答

1

$(anyHtmlCode)建立一个jQuery的包裹设置从您提供的HTML内置元素。

From the documentation :

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

线

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

设置$ someElement的src是相同的$此。

+0

并且这些创建的图像从不添加到页面,是否正确?它们用于强制图像加载attr('src',$ this.attr('src'))代码片段,并对每个图像进行引用? – nunomira

+0

看起来如此,但我不想阅读整篇文章。一旦你了解了jQuery的基础知识,我发现编写所需的代码比调整或参数化通常太大的插件更容易。这似乎是很多简单的代码。 –

+0

我同意。谢谢 – nunomira

1

$('<img/>')正在创建一个新的图像标签。 它类似于

document.createElement('img') 
1

$('<img />')实际上创建了一个新的img元件和把它包装在jQuery对象,而选择$('img')页面上的所有img元素。

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