jquery - 使用开始标签与自结束标签创建空元素

Question

在 jQuery 中，这之间有什么区别吗:

$('<div>').appendTo('body');

还有这个:

$('<div />').appendTo('body');

我一直认为它是“自动关闭”的方式，但我发现第一种方式在一些生产代码中使用而没有错误。这是否有可能会导致问题，或者这是一种可以接受的做法？

Answer 1

documentation说:

When the parameter has a single tag, such as $('<img />') or $('<a></a>'), jQuery creates the element using the native JavaScript createElement() function.

它还说:

Tags that cannot contain elements may be quick-closed or not

所以，形式 $('<div>')显然也有效，但它没有记录。从文档中可以清楚地看出，其意图是需要结束标记的标记应该具有该结束标记，或者是自闭合的。

我会坚持使用已记录的版本，因为它不太可能成为 future 版本中重大更改的受害者。

jQuery 库有一个习惯，就是在单个函数调用中放入尽可能多的内容(请参阅最近的 on 添加示例)，因此，当您使用非自闭标签...