jQuery的多個appendTo單appendTo

有改善這種代碼的方式：jQuery的多個appendTo單appendTo

jQuery('<img />',{alt:"Logo",src:"img/logo.jpg"}).appendTo("#scrittacentro"); 
jQuery('<h1 />',{text:'THE LCARS COMPUTER NETWORK',class:'cLightOrange lcars'}).appendTo("#scrittacentro"); 
jQuery('<h2 />',{text:'Authorized Access Only',class:'cDarkBlue helvetica'}).appendTo("#scrittacentro"); 
jQuery('<h3 />',{text:'Please Report Malfunctions To Engineering Staff On Duty',class:'cDarkBlue helvetica'}).appendTo("#scrittacentro");

在這樣的事情：

jQuery(
    '<img />',{alt:"Logo",src:"img/logo.jpg"}, 
    '<h1 />',{text:'THE LCARS COMPUTER NETWORK',class:'cLightOrange lcars'}, 
    '<h2 />',{text:'Authorized Access Only',class:'cDarkBlue helvetica'}, 
    '<h3 />',{text:'Please Report Malfunctions To Engineering Staff On Duty',class:'cDarkBlue helvetica' 
}).appendTo("#scrittacentro");

預先感謝您。

來源

2013-07-24 Arianna Hajar DelBen

你的問題是什麼？ –

嘗試在單個語句中追加多個元素。即刪除逗號並做出一個聲明。 –

是啊謝謝，但我的問題是：如何做到這一點:) –

在多個appendTo多次調用jquery構造函數，這會使代碼變慢並降低性能。

在單appenTo你調用的jQuery構造一個時間，這增加了性能和做同樣的工作更快地

檢查的業績比較http://jsperf.com/appendto-vs-multiple-appendto

單appendTo更好

你代碼可以縮小爲

jQuery('<img alt="Logo" src="img/logo.jpg"><h1 class="cLightOrange lcars">THE LCARS COMPUTER NETWORK</h1><h2 class="cDarkBlue helvetica">Authorized Access Only</h2><h3 class="cDarkBlue helvetica">Please Report Malfunctions To Engineering Staff On Duty</h3').appendTo("body");

來源

2013-07-24 06:15:52

謝謝！你幫了我很多這個，我昨天的問題，我不知道爲什麼這靈魂沒有工作，我搞砸了東西可能:) –

歡迎我也添加了縮小版本的代碼 –

我看到但它會壓縮整個腳本結束時，會很長:)真的很感謝你。 –

jQuery的多個appendTo單appendTo

回答

相關問題