> For the complete documentation index, see [llms.txt](https://1itf.gitbook.io/jquery/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://1itf.gitbook.io/jquery/8-dom-manipulatie/elementen-verwijderen.md).

# Elementen verwijderen

{% hint style="success" %}
★ Open **dom/remove.html**.\
★ Bekijk de broncode en test de pagina in een browser.
{% endhint %}

```javascript
$('#remove1').click(function() {
    $('#lijst1 b').empty();
});
$('#remove2').click(function() {
    $('#lijst2 b').remove();
});
$('#remove3').click(function() {
    var lijst3 = $('#lijst3').detach(); 
    lijst3.insertAfter('h1');
});
```

De eerste twee methodes geven op het eerste zicht net hetzelfde resultaat, maar schijn bedriegt.

![](https://1796208354-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9o5lSfK7vREgzWjB4s%2F-LAPhmCsP5eW26pG7tTZ%2F-L9sH4tdxQsgh3qR4aTL%2Fempty1.png?generation=1524087886047507\&alt=media)

De methode `empty()` maakt enkel de b-tags binnen *#lijst1* leeg. De b-tags zelf, blijven in de code aanwezig. De methode `remove()` verwijdert de inhoud samen met de b-tags.

De methode `detach()` verwijdert de selectie uit het beeld, maar niet uit het geheugen. Omdat de inhoud niet echt verdwenen is, kunnen we deze makkelijk verplaatsen. U kan dit best vergelijken met een knip-en-plakoperatie. In ons voorbeeld knippen we *#lijst3* uit het document en plakken deze vervolgens net achter de h1-tag.

![](https://1796208354-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9o5lSfK7vREgzWjB4s%2F-LAPhmCsP5eW26pG7tTZ%2F-L9sH5CnrTFNqnG9Euvy%2Fempty2.png?generation=1524087886026160\&alt=media)