Javascript jQuery创建HTML元素

我知道在jQuery中创建HTML元素有很多不同的方法，但我见过有人显示：

$("<div></div>", {attrs...})

或

作为这样做的主要方法

我发现了

$("<div>", {attrs...})

也很好用

---

为什么没有人展示第三种方法？它有潜在的问题吗？就其所涉及的结果而言，当我检查元素以查看创建的div时，它看起来几乎相同。

使用$，$，{attrs…}等标记创建html元素是一种有文档记录的创建html元素的方法。请检查它

---

当参数有一个带有可选结束标记或快速结束标记的单个标记-$或$，$或$-jQuery使用本机JavaScript createElement函数创建元素。

使用类似$，$，{attrs…}的标记创建html元素是创建html elmenets的一种方法，请检查它

---

当参数有一个带有可选结束标记或快速结束-$或$的标记时，$或$-jQuery使用本机JavaScript createElement函数创建元素。

让我们看看jQuery源代码：

---

因此，字符串必须以<开头，以>结尾才能被视为HTML。所有这些变体都是有效的。我认为最不流行的原因是它提醒人们未关闭的标签不是有效的HTML。但是jQuery接受它。

让我们看看jQuery源代码：

因此，字符串必须以<开头，以>结尾才能被视为HTML。所有这些变体都是有效的。我认为最不流行的原因是它提醒人们未关闭的标签不是有效的HTML。但是jQuery接受它。

根据jQuery： 为了确保跨平台兼容性，代码段必须格式良好。可以包含其他元素的标记应与结束标记配对

$( "<div></div>" ); 

但不能包含元素的标记可能是快速关闭的，也可能不是如下所示：

$( "<img />" );
$( "<input>" );

虽然，在某些浏览器中可能对您有用，但结果可能因浏览器而异，甚至在同一浏览器的不同版本中也可能不同。为了安全起见，请始终遵循标准和文档最佳做法。

根据jQuery： 为了确保跨平台兼容性，代码段必须格式良好。可以包含其他元素的标记应与结束标记配对

$( "<div></div>" ); 

但不能包含元素的标记可能是快速关闭的，也可能不是如下所示：

$( "<img />" );
$( "<input>" );

虽然，在某些浏览器中可能对您有用，但结果可能会因浏览器而异，甚至在同一浏览器的不同版本中也会有所不同。为了安全起见，请始终坚持标准和文档最佳做法。

如果您使用$，jQuery还将使用document.createElement

看看，117行

有一些函数调用开销，但除非性能至关重要，否则您将创建数百[数千]个元素，否则没有太多理由恢复到普通DOM

仅仅为一个新网页创建元素可能是一种情况，在这种情况下，您最好坚持jQuery的工作方式。

如果您使用$，jQuery也将使用document.createElement

看看，117行

有一些函数调用开销，但除非性能至关重要，否则您将创建数百[数千]个元素，否则没有太多理由恢复到普通DOM

---

仅为新网页创建元素可能是您最好坚持jQuery方式的一种情况。

有效性因浏览器而异。我一直使用第三种方法，没有任何问题。第三种版本没有问题。最终jQuery会识别出您想要创建一个新元素。我假设人们不使用这种符号，因为它很容易与实际的选择器混淆。我使用.html、append、replaceWith、insertBefore和insertAfteR创建html元素。有效性因浏览器而异。我一直使用第三种方法，没有任何问题。第三种版本没有问题。最终jQuery会识别出您想要创建一个新元素。我假设人们不使用这种符号，因为它很容易与实际的选择器混淆。我使用.html、append、replaceWith、insertBefore和insertAfteR来创建html元素。包含其他元素的标记应该格式良好，因此与结束标记配对。对于单个元素来说，这无关紧要，jQuery对待$，{attrs…}的方式与替代项完全相同。包含其他元素的标记应该格式良好，因此应该与结束标记配对。对于单个元素来说，这无关紧要，jQuery将$，{attrs…}与替代项完全相同。