jQuery Basic Tutorial

jQuery Effects

The replaceWith() method replaces the selected element with new content.

The replaceWith() method is similar toreplaceAll()butcontentandselectorOn the contrary.

Replacement content:

$(selector).replaceWith(content)

Use feature to replace content:

$(selector).replaceWith(function(index))

Replace all paragraphs with <h1>Element:

Example

$("button").click(function(){
　　$("p").replaceWith("<h1>New Title</h1>");
});

Use feature to replace content:

Example

$("button").click(function(){
　　$("p").replaceWith(function(i){
　　　　return "<h2>This element has index "　+　i　+　".</h2>";
　　});
});

Parameter	Description
content	Specify the content to be inserted (can include HTML tags) Possible values: HTML Element DOM Element jQuery Object
function(index)	Specify a function that returns the HTML content to be replaced index-Return the index position of the element in the collection