The JQuery `html()` and `text()` methods are two methods that you can use to get or set the contents of an HTML element. The difference between them is stated below:
>**`html()`** is used to return or change the html *and* text content of an element.

>**`text()`** can only return or change the text content of an element.

# Syntax
## `html()` syntax
```
//SET THE HTML CONTENT
$([selector]).html([content])

//RETURN THE HTML CONTENT
$([selector]).html()
```
## `text()` syntax
```
//SET THE TEXT CONTENT
$([selector]).text([content])

//RETURN THE TEXT CONTENT
$([selector]).text()
```
# Parameters
`html()`: The content is newly specified, and can contain HTML tags.  
`text()`: The content is newly specified, and cannot contain HTML tags. 

# Code


<html>
<head>
	<title>Jquery html() and text()</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
	</script>
	<script>
		$(document).ready(function(){
       $("#html").click(()=>{
         $(".html").html("<h1>This is a new content!</h1>");
       })
       $("#text").click(()=>{
         $(".text").html("This is new text content");
       })
    });
	</script>
</head>
<body>
<P class="html">Current Content</P>
<button id="html">Change HTML content</button>
<br/>
<P class="text">Current Content</P>
<button id="text">Change TEXT content</button>
</body>
</html>

codemirror

In the program above, the `html()` method was used on the first paragraph tag to set it to a new heading tag with new text content. The `text()` method was used on the second paragraph to change its text content.

What is the difference between html() and text() in JQuery?

jQuery's `html()` modifies both HTML and text content of elements, whereas `text()` only alters the text content.

What is the difference between html() and text() in JQuery?

Syntax

html() syntax

text() syntax

Parameters

Code

`html()` syntax

`text()` syntax