2010-04-23 110 views
2

我對jquery很新。我試圖在DOM中插入一個元素,並將其返回到我的腳本中。返回插入的元素

例:


    var elem = $("body").append(""); 
    $(elem).show(); 

但似乎.append返回整個jQuery對象.. 我應該使用的ID爲插入元件和總是由它引用它?我真的希望在這裏有一個更聰明的舉措。 我用來做什麼的一樣,從原型..

回答

1

讓我們假設你想創建一個div

var elem = $("div").appendTo("body").html('some html for the div').hide(); 
$(elem).show(); 

上面的代碼創建div,設置一些HTML它使用html()皮張爲它最初是因爲後來你想要展示它。

注:我已在同一行寫不同的方法/功能注意,這個被稱爲在JQuery中chaining和是非常有用的。

+1

爲什麼'.appendTo($( 「身體」))',爲什麼不'.appendTo( 「身體」)'沒有什麼不同? – 2010-04-23 23:13:51

+0

新手用戶可能會從您的示例中受益,如果您添加了一切版本都已中斷的版本。例如'$ div = $(「div」); $ div.html( 「」); $(「body」)。append($ div);'你所呈現的是我們使用的(+1),但是會讓人感到困惑的是,一個新來的jquery – 2010-04-23 23:14:15

+0

沒有$('div')。appendTo 「body」)將當前頁面中所有已定義的div元素添加回正文? – Quamis 2010-04-23 23:22:57

0

append()方法沒有做任何事,$()方法無法做到元素創建。唯一的區別是append()將它添加到DOM。

因此

$("body").append(XXXXX); 

var elem = $(XXXXX); 
$("body").append(elem);