First, get content-text, HTML, Val ()
Three simple and practical jQuery methods for DOM manipulation:
- Text ()-Sets or returns the text content of the selected element
- HTML ()-Sets or returns the contents of the selected element (including HTML tags)
- Val ()-Sets or returns the value of a form field
The following example shows how to get the content using the JQuery text () and HTML () methods:
$ ("#btn1"). Click (function() { alert ("text:" + $ ("#test"). Text ()); $ ("#btn2"). Click (function() { alert ("HTML:" + $ ("#test"). html ());});
The following example shows how to get the value of an input field using the JQuery Val () method:
$ ("#btn1"). Click (function() { alert ("value:" + $ ("#test"). Val ()) ;
The following example modifies the value of text to modify all the selected objects.
<body> <div>aaaa</div> <div>aaaa</div> <div>aaaa</div> <input type= "button" value= "Point Me" onclick= "Func ();" > <script src= "jquery.js" ></script> <script> function Func () { $ ("div"). Text ("Hello world!") ) } </script></body>
"HTML, CSS, javascript-10" jquery-manipulation elements (property CSS and document handling)