StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p><strong>From the <a href="http://api.jquery.com/jQuery/" rel="noreferrer">docs</a>:</strong></p> <blockquote> <p>If a string is passed as the parameter to $(), jQuery examines the string to see if it looks like HTML (i.e., it has <code><tag ... ></code> somewhere within the string). If not, the string is interpreted as a selector expression, as explained above. But if the string appears to be an HTML snippet, jQuery attempts to create new DOM elements as described by the HTML. Then a jQuery object is created and returned that refers to these elements. You can perform any of the usual jQuery methods on this object:</p> </blockquote> <pre><code>$('<p id="test">My <em>new</em> text</p>').appendTo('body'); </code></pre> <blockquote> <p>If the HTML is more complex than a single tag without attributes, as it is in the above example, the actual creation of the elements is handled by the browser's innerHTML mechanism. In most cases, jQuery creates a new element and sets the innerHTML property of the element to the HTML snippet that was passed in. When the parameter has a single tag, such as <code>$('<img />') or $('<a></a>')</code>, jQuery creates the element using the native JavaScript createElement() function.</p> </blockquote> <p><strong>To ensure cross-platform compatibility, the snippet must be well-formed. Tags that can contain other elements should be paired with a closing tag</strong>:</p> <pre><code>$('<a href="http://jquery.com"></a>'); </code></pre> <p>Alternatively, jQuery allows XML-like tag syntax (with or without a space before the slash):</p> <pre><code>$('<a/>'); </code></pre> <p>Tags that cannot contain elements may be quick-closed or not:</p> <pre><code>$('<img />'); $('<input>'); </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload