0% found this document useful (0 votes)
31 views1 page

Module 12 Manipulating DOM Using Jquery

Mobile App and Web Development
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
31 views1 page

Module 12 Manipulating DOM Using Jquery

Mobile App and Web Development
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Manipulating DOM Using jQuery

Firstly, what is DOM and jQuery?

jQuery, as a JS resource library, can also manipulate the HTML DOM hierarchy. As for
The process of DOM, traversing is greatly simplified; jQuery can provide the same functionality
of the methods of properties that JS has for HTML DOM, but with less code.

(next slide, DO NOT READ THIS)

Knowing that, lets move on to the next topic which is, traversing.

There are two types of traversal in which well start from Dom traversal, but before we report
what dom traversal is, we’ll first present its different methods.

(next slide, DO NOT READ THIS)

With that done, lets proceed to the question, what exactly is DOM traversal?

Certain methods in jQuery allow for selection of one or all child or parent elements in
the DOM hierarchy. These methods can be used not only to traverse the elements within the
DOM but also manipulate them through subsequent script code.

(next slide, DO NOT READ THIS)


Next is the EQ Method, the EQ method is a jQuery method used to select a specific
element from multiple selected elements. It uses index number values similar to an array; the
first element from the selected elements is given an index value of zero.

(next slide, DO NOT READ THIS)

Now that we have an idea of what traversal is, lets move on to the next topic, Removing elements.

Removing elements have two methods, The remove method and the empty method.

The remove method is when Single elements can be deleted simply by typing either the
element name or its ID or class value. It can also remove ALL instances of an element if more than
one exists and ALL instances are selected by the jQuery script.

On the other hand, the empty method is when the jQuery method used to remove any
child elements of the selected elements, assuming the selected element is a parent element.
Parent elements that are also child elements will be retained; only the child elements of the
selected element will be removed.

That is all for this report, and thank you for listening.

You might also like