2012-10-17 162 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屬性。