Difference between jQuery’s replaceWith() and html()

The jQuery replaceWith() method replaces each element in the set of matched elements with a new content and return the set of elements that was removed. Lets discuss about the difference between replaceWith and html.

Possible values:
– HTML elements
– jQuery objects
– DOM elements

But in jQuery html() it sets the HTML contents of each matched element.

For example, look at this code below:

<div id="divID">Welcome</div>

So,

$('#divID').html('Hello');

Will result in:

<div id="divID">Hello</div>

And applying:

$('#divID').replaceWith('Hey there');

Will result in:

Hey there