Comment utiliser la suppression de détachement dans jquery

WBOY
Libérer: 2022-05-18 15:54:40
original
1749 Les gens l'ont consulté

Dans jquery, la méthode detach peut être utilisée pour supprimer l'élément sélectionné et supprimer tout le texte et les nœuds enfants de l'élément, mais les données et les événements seront conservés et pourront être réinsérés ultérieurement. La syntaxe est "$(selector) .detach() "; Si vous devez uniquement supprimer le contenu de l'élément sélectionné, utilisez la méthode empty().

Comment utiliser la suppression de détachement dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment supprimer le détachement dans jquery à l'aide de la méthode

detach() pour supprimer les éléments sélectionnés, y compris tout le texte et les nœuds enfants. Il conserve ensuite les données et les événements.

Cette méthode conserve une copie des éléments supprimés, permettant de les réinsérer ultérieurement.

Astuce : Si vous devez supprimer un élément ainsi que ses données et événements, veuillez plutôt utiliser la méthode Remove().

Astuce : Si vous souhaitez uniquement supprimer le contenu de l'élément sélectionné, veuillez utiliser la méthode empty().

Grammar

$(selector).detach()
Copier après la connexion

L'exemple est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").detach();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>移除所有P元素</button>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment utiliser la suppression de détachement dans jquery

Recommandation de didacticiel vidéo associé : Tutoriel vidéo jQuery

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal