Eliminar elemento al hacer clic con jQuery

En esta entrada vamos a ver como eliminar un elemento utilizando jQuery. Antes de nada, hay que insertar una referencia a la API jQuery, en caso que aún no la tengas:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Esta versión 3.3.1 es la actual en el momento de escribir este artículo. Comprueba la última versión aquí.

Vamos al código

Supongamos el siguiente escenario:

<div id="div">Div para ser borrado</div>
<a>Haz clic para eliminar el div</a>

El código para eliminar el elemento div con jQuery es el siguiente:

$("a").click(function() {
        $("#div").remove();
});