Скачать или смотреть jquery tutorial|jquery tutorial for beginners|jquery tutorial in hindi|VAL,HTML,ATTR SET|DOM|class 4

#jquerytutorial#jquerytutorialforbeginners #jquery #class10
#bank_PO #ssc_exam #ibps #pgtCOMPUTER # navodaya2020 #computerteacher #kvscomputerteacher #rajsthanpatwari #rajsthanconstable # rajasthanpatwari #RKCL #CBSE #RBSE
#coronavirus
#covid19
#stayathome
#website
#html
#FIRSTWEBSITE
#HANUMANKHATORE
#HANUMAN
#hanu_biotech

   / @khatoreclass  

Do not forget to subscribe to Hanuman khator channel.
JQuery
DOM Manipulation Methods
Following table lists down all the methods which you can use to manipulate DOM elements −
Sr.No. Method & Description
1 after( content )
Insert content after each of the matched elements.
2 append( content )
Append content to the inside of every matched element.
3 appendTo( selector )
Append all of the matched elements to another, specified, set of elements.
4 before( content )
Insert content before each of the matched elements.
5 clone( bool )
Clone matched DOM Elements, and all their event handlers, and select the clones.
6 clone( )
Clone matched DOM Elements and select the clones.
7 empty( )
Remove all child nodes from the set of matched elements.
8 html( val )
Set the html contents of every matched element.
9 html( )
Get the html contents (innerHTML) of the first matched element.
10 insertAfter( selector )
Insert all of the matched elements after another, specified, set of elements.
11 insertBefore( selector )
Insert all of the matched elements before another, specified, set of elements.
12 prepend( content )
Prepend content to the inside of every matched element.
13 prependTo( selector )
Prepend all of the matched elements to another, specified, set of elements.
14 remove( expr )
Removes all matched elements from the DOM.
15 replaceAll( selector )
Replaces the elements matched by the specified selector with the matched elements.
16 replaceWith( content )
Replaces all matched elements with the specified HTML or DOM elements.
17 text( val )
Set the text contents of all matched elements.
18 text( )
Get the combined text contents of all matched elements.
19 wrap( elem )
Wrap each matched element with the specified element.
20 wrap( html )
Wrap each matched element with the specified HTML content.
21 wrapAll( elem )
Wrap all the elements in the matched set into a single wrapper element.
22 wrapAll( html )
Wrap all the elements in the matched set into a single wrapper element.
23 wrapInner( elem )
Wrap the inner child contents of each matched element (including text nodes) with a DOM element.
24 wrapInner( html )
Wrap the inner child contents of each matched element (including text nodes) with an HTML structure.

jQuery DOM Manipulation
One very important part of jQuery is the possibility to manipulate the DOM.
jQuery comes with a bunch of DOM related methods that make it easy to access and manipulate elements and attributes.
DOM = Document Object Model

The DOM defines a standard for accessing HTML and XML documents:

"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."
________________________________________
Get Content - text(), html(), and val()
Three simple, but useful, jQuery methods for DOM manipulation are:
• text() - Sets or returns the text content of selected elements
• html() - Sets or returns the content of selected elements (including HTML markup)
• val() - Sets or returns the value of form fields
The following example demonstrates how to get content with the jQuery text() and html() methods:
Get Attributes - attr()
The jQuery attr() method is used to get attribute values.
The following example demonstrates how to get the value of the href attribute in a link:

jQuery - Set Content and Attributes

________________________________________
Set Content - text(), html(), and val()
We will use the same three methods from the previous page to set content:
• text() - Sets or returns the text content of selected elements
• html() - Sets or returns the content of selected elements (including HTML markup)
• val() - Sets or returns the value of form fields
The following example demonstrates how to set content with the jQuery text(), html(), and val() methods: