2014-04-25 48 views
0

我是新學習JQuery並試圖找出一些基本的東西。希望得到關於三個問題有所幫助:有關jQuery代碼的一些基本問題

$(document).ready(function() 
{ 
    var ADbanner = '<img src="http://image.banana.com/is/image/banana/checkout?$checkout%20shopping%20bag%20image$" class="ADscratch_img" />'; 

    $(".right-space").after(ADbanner); 
}); 
  1. 當將這個函數執行呢?

  2. 此功能選擇什麼元素?

  3. 這個函數是如何操縱這個元素的?

我知道第一個問題,函數將在DOM加載後,加載頁面內容之前立即加載。現在​​對我沒有多大意義。我知道這個功能可能是移動圖像,但不知道什麼$(".right-space").after(ADbanner);意味着什麼。

回答

0

此功能何時執行?

這個文件在收到所有資源後準備好就執行。也就是說,當事件DOMContentLoaded被觸發時。

此功能選擇的是什麼元素?

此功能選擇全部類別爲right-space的元素。

這個函數是如何操縱這個元素的?

該函數發現與類right-space和旁邊的元素的元素,它增加了該HTML:

<img src="http://image.banana.com/is/image/banana/checkout?$checkout%20shopping%20bag%20image$" class="ADscratch_img" /> 

這意味着,元素之後,這將是增加的圖像。

0
  1. 當文檔的DOM是ready
  2. 的元件(一個或多個)這將運行被選擇的所有那些與一類right-space
  3. After所有right-space類的圖像元素被追加。
0
  • $(document).ready(function(){})告訴當文檔(網頁)完成加載到執行該功能。

  • 內的JQuery說選擇具有類的所有元素,「.right-space」,然後

  • 由所選擇的元件(一個與.right-space類後編寫HTML(使用IMG標記)插入一個圖像屬性)。

0

該功能何時執行?

該函數將在DOM就緒時執行。也就是說,這個函數將在觸發DOMContentLoaded事件時執行。

此功能選擇的是什麼元素?

該功能選擇與類的right-space元素的所有

這個函數是如何操縱這個元素的?

此功能將下面的HTML代碼段:

<img src="http://image.banana.com/is/image/banana/checkout?$checkout%20shopping%20bag%20image$" class="ADscratch_img" /> 

每一個匹配元素的後。

0

該功能將在文件準備執行(你可以把警報(「東西」)被執行時,它看到的。

什麼功能的選擇,..以及唯一的選擇你有沒有是正確的,空間類

,什麼是操作?在操縱您選擇的元素,

您添加的img標籤的.right空間元素的結尾。

0

這個函數何時會執行?

既然你把你的代碼中DOM ready,將在頁面加載

什麼元素,此功能選擇執行?

$(".right-space")會在你的頁面匹配任何元素與right-space

這個功能是如何操縱這個要素?

$(".right-space").after(ADbanner);將插入ADbannerright-space類中的任何元素後的圖像。請參閱.after()

而且坐遊覽車到官方learning center的jQuery

Fiddle Demo