Creating an empty element with start tag vs. self closing tag
jquery
Solution
The documentation says:
When the parameter has a single tag, such as $('<img />') or $('<a></a>'), jQuery creates the element using the native JavaScript createElement() function.
It also says:
Tags that cannot contain elements may be quick-closed or not
So, the form `$('<div>')` apparently works also, but it's undocumented. It's clear from the documentation that the intention is that a tag that needs a closing tag should either have that closing tag, or be self-closed.
I would stick to the documented version, as that is less likely to be a victim of a breaking change in a future version.
<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>
Problem
In jQuery, is there any difference between this: ``` $('<div>').appendTo('body'); ``` And this: ``` $('<div />').appendTo('body'); ``` I've always seen it the "self closing" way, but I came across the first way being used in some production code without errors. Any chance this will cause problems down the line, or is this an acceptable practice?