Home »
jQuery
jQuery DOM Manipulations and jQuery Methods
jQuery | DOM Manipulations: Learn what is DOM, what is DOM manipulation, and jQuery methods.
Submitted by Pratishtha Saxena, on September 26, 2022
What is DOM?
DOM stands for Document Object Model. It is the interface for the HTML and XML documents. It gives a hierarchal structure to the webpage for better understanding. It helps to manipulate the different elements present on the page. It can be understood as an API through which the HTML and XML documents can be accessed. JavaScript uses this DOM to interact with the HTML-CSS of the webpage.
What is DOM Manipulation?
Manipulating the HTML and CSS of the webpage using JavaScript or jQuery can be achieved through Document Object Model (DOM). These manipulations can be anything like changes in IDs, values, names, attributes, etc. of an element. It not only manipulates but through DOM we can also create or remove other elements as needed. Using jQuery, we can add elements as child elements, add parent elements, replace the existing element with some other, extract the content of an element, etc.
jQuery DOM Manipulation Methods
There are a lot of jQuery methods using which we can achieve these tasks. Using jQuery, we do not need to write big codes and functions to change or create elements on the web page. There are easy and simple approaches to many things. Some of the jQuery methods are listed below.
jQuery Event Properties