我只是想知道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);
应遵循哪种最佳实践?
最佳答案
第二个更好。因为你经常看到人们这样做:
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);
<小时/>
更新:
我太仓促地说第二种方法你不用担心。正如其他人已经指出的那样,您必须担心性能。
关于javascript - 附加 html 的不同方式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11685997/