Guide d'opération du nœud de suppression du DOM jQuery

Guide d'opération du nœud de suppression du DOM jQuery_jquery

WBOY

Libérer： 2016-05-16 16:11:20

original

1001 Les gens l'ont consulté

L'exemple suivant peut utiliser le code HTML suivant :

Copier le code Le code est le suivant :

Pomme

Banane

Orange

Raisins

Fraise

1. Méthode Remove() :

Fonction : Supprimez tous les éléments correspondants du DOM. Les paramètres transmis sont utilisés pour filtrer les éléments en fonction des expressions jQuery.

Par exemple, pour supprimer le deuxième nœud d'élément

dans le nœud

Copier le code Le code est le suivant :

$(document).ready(function() {

$("ul li:eq(1)").remove();

});

Lorsqu'un nœud est supprimé à l'aide de la méthode remove(), tous les nœuds descendants contenus dans le nœud seront supprimés en même temps. La valeur de retour de cette méthode est une référence au nœud supprimé, afin que les éléments puissent être réutilisés ultérieurement. Le code jQuery suivant montre qu'une fois l'élément supprimé à l'aide de la méthode remove(), il peut toujours être utilisé.

Copier le code Le code est le suivant :

var $li=$("ul li:eq(1)").remove();

$li.appendTo("ul"); //Réajoutez le nœud supprimé à l'élément 

Copier le code Le code est le suivant :

$("ul li:eq(1)").appendTo("ul");//La méthode appendTo() peut également être utilisée pour déplacer des éléments. Lors du déplacement d'un élément, supprimez d'abord l'élément du document, puis ensuite. insérez l'élément dans le nœud spécifié dans le document. 

Copier le code Le code est le suivant :

$("ul li").remove("li[title='t1']");

2. Méthode detach() :

Copier le code Le code est le suivant :

$("ul li").click(function(){

alerte($(this).html());

})

var $li=$("ul li:eq(1)").detach(); //Supprimer l'élément

$li.appendTo("ul"); //Ré-ajoutez cet élément et constatez que l'événement auquel il était lié auparavant est toujours là. Si vous utilisez la méthode remove() pour supprimer l'élément, l'événement auquel il était lié auparavant le sera. être invalide;

3. Méthode vide()

Copier le code Le code est le suivant :

$("ul li:eq(1)").empty();//Après avoir obtenu le deuxième nœud d'élément , effacez le contenu de cet élément. 

est effacé, ne laissant que le symbole par défaut "."

Ce qui précède est tout le contenu décrit dans cet article, j'espère que vous l'aimerez tous.