Question

在jQuery中,这两者之间是否有任何区别:

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

还有这个:

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

我总是看到它“自我接近”的方式,但我发现第一个方法被某些生产代码使用时没有错误。任何可能性都会引发问题,或者这是可以接受的做法吗?

Answer 1

http://api.jquery.com/jQuery/#jQuery2" rel=“noreferrer”>文件写道:

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

它还说:

无法包含元素的标记可能是快速关闭或不关闭的标记

因此,窗体 $( & lt; div>) 明显也有效,但它没有记录。从文档中可以清楚地看出,要使用关闭标签的标签,该标签要么有关闭标签,要么是自封标签。

我将坚持有文件记录的文本,因为在未来版本中,它不太可能成为破碎变化的受害者。

<rant>
The jQuery library have a habit of putting as much as possible in a single function call (see the recent on addition for an example), so it s not so far fetched that they would invent something new to happen when you use a non-self-closing tag...
</rant>

Answer 2

既不是 $(“ & lt; div> ”) 也不是 $(“ & lt; div / & gt; ”) 会引起问题。

证明是这样的:如果我们去jQuery 源 ,我们可以看到,如果选择者使用单标签语法 lt;... & gt; ,它会用这个正则表达式来分析选择者:

rsingleTag = /^<(w+)s*/?>(?:</1>)?$/

只有符号部分用于 createEcent 元素和关闭斜线可任选。

Answer 3

只要无事可做,这种语法就不会造成问题。

$("<div>") // Ok!
$("<div>foobar") // Not Ok!
$("<div><p>") // Not Ok!

查询请见http://api.jquery.com/jQuery/#jQuery2

友情链接