javascript - 附加 html 的不同方式？

Question

我只是想知道jquery中添加html的方法之间的区别。两者都会做同样的事情，对吗？

$('body').append($("<div><img src='somesource' alt='something'></div>"));

和

var div = $("<div>");
var img = $("<img>").attr({"src" : "somesource", "alt" : "something"});
div.append(img);
$('body').append(div);

应遵循哪种最佳实践？

Answer 1

第二个更好。因为你经常看到人们这样做:

var alt = 'This is " the title containing a double quote';
$('body').append($('<div><img src="somesource" alt="' + alt + '"></div>'));

然后想知道为什么有些东西被吃了:-)。而当您使用第二个时，您完全无需担心:

var alt = 'This is " the title containing a double quote';
var div = $('<div>');
var img = $('<img>').attr({ src : 'somesource', alt : alt });
div.append(img);
$('body').append(div);

<小时/>

更新:

我太仓促地说第二种方法你不用担心。正如其他人已经指出的那样，您必须担心性能。