.append .prepend .html 我应该使用它答案

【问题标题】：.append .prepend .html which should i use for this.append .prepend .html 我应该使用它
【发布时间】：2012-11-11 12:46:00
【问题描述】：

   $('document').ready(function(){
$('#gfooter').append("<div style="text-align:center; width:800px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_3201211230108478" src="http://i.imgur.com/aHKja.png" usemap="#Image-Maps_3201211230108478" border="0" width="800" height="400" alt="" />
<map id="_Image-Maps_3201211230108478" name="Image-Maps_3201211230108478">
<area shape="rect" coords="84,184,253,353" href="www.facebook.com" alt="Facebook" title="Facebook"    />
<area shape="rect" coords="316,184,485,353" href="www.twitter.com" alt="Twitter" title="Twitter"    />
</map>
</div>
");
});

我正在尝试将这段 html 附加到 div #gfooter 中。虽然它似乎不起作用。谁能解释一下我的原因？>

【问题讨论】：

标签： jquery html append prepend

【解决方案1】：

您需要使用反斜杠转义字符串文字中的引号。

var somestring = "<div id=\"something\">";

【讨论】：

【解决方案2】：

任何时候你把东西放在双引号里，下次你使用双引号时它会“转义”。因此，请使用以下任一格式：

$.append("<a href='#'>link</a>");

$.append('<a href="#">link</a>');

我更喜欢第二个，因为它允许我像往常一样键入 HTML（使用双引号）。希望对您有所帮助！

【讨论】：