DOM Traversal Methods

DOM Traversal Methods
Cloning jQuery Objects
When a jQuery object is passed as a parameter to the $(), a new jQuery object
is created that references the same DOM elements. The initial object can then be
modified without affecting the new one.
Creating New Elements
If a string is passed as the parameter to $(), jQuery examines the string to see
if it looks like HTML. 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. We can perform any of the usual
jQuery methods on this object:
$('My new paragraph').appendTo('body');
The actual creation of the elements is handled by the browser's innerHTML
mechanism. Specifically, jQuery creates a new element and sets the
innerHTML property of the element to the HTML snippet that was passed in. This
means that to ensure cross-platform compatibility, the snippet must be well-formed.
Tags that can contain other elements should always be paired with a closing tag:
$('');
Tags that cannot contain elements should be quick-closed:
$('');
Filtering Methods
These methods remove elements from the set matched by a jQuery object.
.filter()
Reduces the set of matched elements to those that match the selector or pass the
function's test.
.filter(selector)
.filter(function)
Parameters (first version)
•
selector: A string containing a selector expression to match elements against
[ 40 ]