Maison > interface Web > js tutoriel > le corps du texte

Comment supprimer des éléments en cliquant dans jquery

WBOY
Libérer: 2021-11-22 14:29:12
original
3983 Les gens l'ont consulté

Méthode : 1. Utilisez la méthode click() pour lier un événement click à l'élément bouton et spécifiez une fonction de gestionnaire d'événement ; 2. Utilisez la méthode remove() dans la fonction de gestionnaire pour supprimer l'élément, et la syntaxe est " $("Élément du bouton"). click(function(){$("Élément à supprimer").remove();})".

Comment supprimer des éléments en cliquant dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.0, ordinateur Dell G3.

Comment jquery implémente les éléments en cliquant pour supprimer

La première étape consiste à supprimer les éléments. Vous pouvez supprimer les éléments et sous-éléments sélectionnés via Remove() et Remove() de jquery.

La deuxième étape consiste à présenter comment supprimer des éléments avec jQuery à travers un exemple. Créez une nouvelle page html, introduisez jquery.js, ajoutez une zone div au corps de la page, ajoutez deux paragraphes à la zone div et un bouton pour y accéder. supprimez l'élément div, js Appelez la méthode $("#div1").remove() pour supprimer l'élément, comme le montre la figure ci-dessous :

Comment supprimer des éléments en cliquant dans jquery

La troisième étape consiste à ouvrir la page html dans le navigateur, vous pouvez voir la boîte div et deux paragraphes, cliquez sur le bouton Supprimer l'élément div, comme indiqué ci-dessous :

Comment supprimer des éléments en cliquant dans jquery

Après avoir cliqué sur le bouton :

Comment supprimer des éléments en cliquant dans jquery

Tutoriels vidéo associés recommandés : 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