Tutorial básico jQuery

Efeitos jQuery

O método replaceWith() substitui o elemento selecionado por novo conteúdo.

O método replaceWith() é semelhante areplaceAll()mascontenteselectorao contrário.

Conteúdo substituído:

$("selector").replaceWith(content)

Usar funcionalidade para substituir conteúdo:

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

Substituir todos os parágrafos por <h1>Elemento:

Exemplo

$("button").click(function(){
　　$("p").replaceWith("<h1>Novo Título</h1>");
});

Usar funcionalidade para substituir conteúdo:

Exemplo

$("button").click(function(){
　　$("p").replaceWith(function(i){
　　　　return "<h2>Este elemento tem índice "　+　i　+　".</h2>";
　　});
});

Parâmetro	Descrição
content	Especificar o conteúdo a ser inserido (pode conter tags HTML) Valores Possíveis: Elemento HTML Elemento DOM Objeto jQuery
function(index)	Especificar uma função que retorna o conteúdo HTML a ser substituído index-Retornar a Posição do Elemento no Conjunto