4.2 Removendo elementos

$(document).ready(function(){

$("#criar").click(function(){

// cria um botão customizado

var botao = $("<button>",{

id:'alerta',

text:'clique aqui',

click: function(){

alert("botão foi clicado!");

}

});

$("#site").append(botao);

});

});

</script>

Na função jQuery, especificamos as características do novo elemento usando propriedades no formato chave/valor. No exemplo acima, id é a chave e 'alerta' é o valor, portanto {id:'valor'} representa a definição de um atributo. Cada par chave/valor deve ser separada por vírgula.

4.2 Removendo elementos

Para remover um elemento do documento, basta utilizar a função remove. Vejamos um exemplo:

<script>

$(document).ready(function(){

$("p").dblclick(function(){

$(this).remove();

});

});

</script>

Associamos um evento ao parágrafo, no caso o clique duplo, e quando o mesmo ocorre, removemos o parágrafo específico.