獲取jQuery對象/參考

Question

在這裏，我用下面的另一個標籤'$ holder'包裝了一個HTML標籤。

$holder = $('<div />') 
    .addClass('joverlaytext') 
    .css({ 
     position:'relative', 
    }); 
    $(this).wrap($holder); 

現在，在這個陳述後，如何獲得對這個新創建的HTML元素，即對象/引用。 '$持有人的jQuery的OBJ

Answer 1

只是繼續鏈，如：

$(this).wrap($holder).show(); 

如果你看一下manipulation methods documentation，.wrap（ELEM）返回一個jQuery對象，所以鏈接或

var result = $(this).wrap($holder); 

將工作。

Answer 2

只要繼續使用$持有人正常，把它放在一個包裝函數不會改變它的jQuery對象引用。所以你可以做到這一點。

$holder = $('<div />') 
    .addClass('joverlaytext') 
    .css({ 
     position:'relative', 
    }); 
    $(this).wrap($holder); 
    $holder.show().doTheFunkyChickenDance(); 

而且一如既往，儘量不要使用$（本），而不是做這個

var $this = $(this); 
// then just use $this as normal so 
$this.wrap($holder); 

使用var關鍵字緩存對象查找也很重要，因爲它創造一個語言環境變量，而而不是一個全球變量，應該避免停止撞擊軌道後面的牆壁。