Dom element and Jquery Object

DOM - It stands for Document Object Model. It defines the logical structure of documents and the way a document is accessed and manipulated. A DOM element is something like a DIV, HTML, BUTTON, TEXTBOX, BODY element on a page. Below is an example of DOM tree:

Div1

Child div

Here body tag is parent and it child called div tag. In side div it has one child which is a textbox. Below is an example of jQuery parent() function. It will make Div1 text as red.

$(document).ready(function(){
$("span").parent().css({"color": "red"});
});