jQuery 从自闭合标签中删除斜线答案

【问题标题】：jQuery removes slash from self-closing tagsjQuery 从自闭合标签中删除斜线
【发布时间】：2015-05-03 14:09:27
【问题描述】：

我发现当通过 .append()、.prepend() 和其他方式插入这个标签时，jQuery 似乎正在从一个自闭合 XHTML 标记中删除右斜杠，这会导致无效的 XHTML - 反过来- 导致标记错误。

以下代码，例如：

$('body').append('<input type="text" id="test" value="test" />');

结果如下：

<input id="test" value="test" type="text">

虽然预期的输出是：

<input id="test" value="test" type="text" />

我使用 DOCTYPE:XHTML5 和 Chrome 作为浏览器

【问题讨论】：

【解决方案1】：

由于 XHTML 不支持原始修改代码和这些函数：document.write 或 innerHTML，jQuery 使用这些函数插入内容，因此会在浏览器中提示兼容性错误。

相反，您可以通过以下方式创建内容：

document.createElement('div');
// bla bla bla

我的建议是将文档类型更改为 HTML5 以避免此问题，除非您确实需要 XHTML 文档类型。

【讨论】：