Explication détaillée de l'utilisation de la fonction jQuery.remove()

La fonction Remove() est utilisée pour supprimer les éléments correspondants du document.

Vous pouvez également utiliser des sélecteurs pour affiner davantage la portée de la suppression et supprimer uniquement certains des éléments actuellement correspondants qui correspondent au sélecteur spécifié.

Par rapport à detach(), la fonction remove() supprimera simultanément les données supplémentaires associées à l'élément (fonction data()) et le gestionnaire d'événements etc. être retenu).

Cette fonction appartient à l'objet (instance) jQuery.

Syntaxe

jQueryObject.remove( [ selector ] )

Paramètres

Description du paramètre

sélecteur Facultatif/Type de chaîne spécifié SélecteurString, utilisé pour filtrer les éléments qui correspondent au sélecteur.

Si le paramètre selector n'est pas spécifié, tous les éléments de l'élément correspondant actuel sont supprimés.

Valeur de retour

remove()La valeur de retour de la fonction est de type jQuery et renvoie l'objet jQuery actuel lui-même.

Exemple et description

La fonction Remove() est utilisée pour supprimer les éléments correspondants du document :

Paragraph text 1item1 line2

Texte du paragraphe 2item2line2

Texte du paragraphe 1

Texte du paragraphe 2

Prenez le code HTML suivant comme un exemple :

[span#n2]

[label# n4]

Contenu du paragraphe

[span#n6][span#n7]

L'exemple de code jQuery suivant est utilisé pour démontrer l'utilisation spécifique de la fonction remove() :

var $n6 = $("#n6");

// Supprimer l'élément n6

$n6.remove( );

var $p = $("p");

// Supprimer le p élément avec le nom de classe "mark"

var $removedP = $p.remove( ".mark" ); // $removedP === $p

// Ajouter le n6 supprimé à l'élément body Position de départ

// Bien que n6 ait été précédemment supprimé du document

// il ne sera pas supprimé de l'objet jQuery, nous pouvons donc toujours utiliser l'objet jQuery, mettez à nouveau n6 dans le document

$n6.prependTo( "body" );

Exécutez le code (veuillez copier les autres codes sur la page de démonstration pour l'exécuter)

Ci-dessus Le code html complet après exécution du code est le suivant (le format n'a pas été ajusté) :

[span#n6][span# n7]

Contenu du paragraphe

La fonction

remove() supprimera les éléments correspondants dans le document, mais ne supprimera pas les éléments correspondants de l'objet jQuery. Cependant, Remove() ne conservera que l'élément lui-même, les autres éléments tels que les éléments supplémentaires. les données et liaisons associées à l'élément. Certains événements seront supprimés

Veuillez vous référer au code HTML suivant :

<. ;input id="n2 " type="bouton" value="Bouton 1" />

🎜>

< ;/p>

Ensuite, nous enregistrons les événements de clic pour tous les boutons, puis supprimons l'élément n3, puis ajoutons le n3 supprimé à la position finale à l'intérieur de n1 :

var $ n3 = $("#n3");

$n3.data("myX", "Données supplémentaires");

document

.writeln( $ n3. data("myX") ); // Données supplémentaires

$n3.trigger("click"); // Informations sur la boîte de dialogue contextuelle : Bouton 2

// Supprimer élément n3

$n3.remove();

// Ajouter à nouveau n3 à la fin de n1

$n3.appendTo("#n1");

// À ce stade, les données supplémentaires et les événements de clic liés de n3 ont été supprimés

document.writeln( $n3.data("myX") ); $n3.trigger("click"); // Aucune réponse d'événement

Si l'événement click est enregistré directement dans le nœud d'élément en tant qu'attribut en ligne, remove() ne peut pas supprimer cet événement d'enregistrement du formulaire :

onclick="alert('L'événement de clic ne peut pas être supprimé');" />

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!