- jQuery Tutorial
- jQuery - Home
- jQuery - Overview
- jQuery - Basics
- jQuery - Syntax
- jQuery - Selectors
- jQuery - Events
- jQuery - Attributes
- jQuery - AJAX
- jQuery DOM Manipulation
- jQuery - DOM
- jQuery - Add Elements
- jQuery - Remove Elements
- jQuery - Replace Elements
- jQuery CSS Manipulation
- jQuery - CSS Classes
- jQuery - Dimensions
- jQuery - CSS Properties
- jQuery Traversing
- jQuery - Traversing
- jQuery - Traversing Ancestors
- jQuery - Traversing Descendants
- jQuery References
- jQuery - Utilities
- jQuery Plugins
- jQuery - Plugins
- jQuery - PagePiling.js
- jQuery - Flickerplate.js
- jQuery - Multiscroll.js
- jQuery - Slidebar.js
- jQuery - Rowgrid.js
- jQuery - Alertify.js
- jQuery - Progressbar.js
- jQuery - Slideshow.js
- jQuery - Drawsvg.js
- jQuery - Tagsort.js
- jQuery - LogosDistort.js
- jQuery - Filer.js
- jQuery - Whatsnearby.js
- jQuery - Checkout.js
- jQuery - Blockrain.js
- jQuery - Producttour.js
- jQuery - Megadropdown.js
- jQuery - Weather.js
- jQuery Useful Resources
- jQuery - Questions and Answers
- jQuery - Quick Guide
- jQuery - Useful Resources
- jQuery - Discussion
jQuery - html( ) Method
Description
The html( ) method gets the html contents of the first matched element. This property is not available on XML documents but it works for XHTML documents.
Syntax
Here is the simple syntax to use this method −
selector.html( )
Parameters
Here is the description of all the parameters used by this method −
NA
Example
Following example would get HTML content of first paragraph and would display it in second paragraph. Please check description of html(val) method as well.
<html> <head> <title>The Selecter Example</title> <script type = "text/javascript" src = "https://www.tutorialspoint.com/jquery/jquery-3.6.0.js"> </script> <script type = "text/javascript" language="javascript"> $(document).ready(function() { var content = $("p").html(); $("#pid2").html( content ); }); </script> <style> .red { color:red; } .green { color:green; } </style> </head> <body> <p class = "green" id = "pid1">This is first paragraph.</p> <p class = "red" id = "pid2">This is second paragraph.</p> </body> </html>
This will produce following result −
jquery-attributes.htm
Advertisements
To Continue Learning Please Login
Login with Google