Comment supprimer un nœud d'élément avec jQuery-connaissance HTML-php.cn

Maison

programmation quotidienne

connaissance HTML

Comment supprimer un nœud d'élément avec jQuery

藏色散人

Dec 07, 2018 pm 02:46 PM

La méthode jquery de suppression des nœuds d'éléments est très simple. Nous pouvons supprimer le nœud directement via la méthode remove(). .

Comment supprimer un nœud d'élément avec jQuery

Ci-dessous, nous vous donnerons une introduction détaillée à la méthode jquery de suppression d'éléments de nœud avec un exemple de code simple.

L'exemple de code est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jquery删除节点示例</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
 $(function () {
            $("button").click(function () {
                $("p").remove();
 });

 })

    </script>
</head>
<body>
<button>删除</button>
<h1>这是标题</h1>
<p>这是一段话。</p>
</body>
</html>

Copier après la connexion

Ici, nous écrivons un événement de clic lorsque vous cliquez sur le bouton Supprimer, un événement sera déclenché pour supprimer la balise p via la suppression. méthode.

L'effet final est le suivant :

Comment supprimer un nœud d'élément avec jQuery

.remove([sélecteur]) : Une expression de sélecteur, utilisé pour filtrer l’ensemble des éléments correspondants à supprimer.

Remarque : La méthode .remove() récupère les éléments du DOM. Lorsque vous utilisez .remove(), vous devez supprimer l'élément lui-même. En plus de l'élément lui-même, tous les événements liés et données jQuery associés à l'élément sont supprimés. Pour supprimer des éléments sans supprimer les données et les événements, utilisez .detach().

Cet article est une introduction détaillée à la suppression de nœuds d'éléments jQuery. Il est également très simple et facile à comprendre. J'espère qu'il sera utile aux amis dans le besoin !

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!

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