Comment définir un événement de suppression de clic dans jquery

WBOY
Libérer: 2022-05-12 10:34:00
original
2320 Les gens l'ont consulté

Méthode de paramétrage : 1. Utilisez la méthode "click element object.click(function(){event Processing Function})" pour lier l'événement Click à l'élément spécifié et spécifiez la fonction de traitement d'événement ; 2. Utilisez "To Deleted Element ; object.remove();" est défini et cliquez pour supprimer.

Comment définir un événement de suppression de clic dans jquery

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

Comment définir l'événement de suppression de clic dans jquery

1. Utilisez la méthode click() pour définir l'événement de clic

Lorsqu'un élément est cliqué, l'événement de clic se produit. La méthode

click() déclenche un événement de clic ou spécifie une fonction à exécuter lorsqu'un événement de clic se produit.

Syntaxe

Déclencher l'événement click de l'élément sélectionné :

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

Ajouter une fonction à l'événement click :

$(selector).click(function)
Copier après la connexion

function Facultatif. Spécifie une fonction à exécuter lorsque l'événement de clic se produit.

2. Utilisez la méthode Remove() pour supprimer des éléments

La méthode Remove() supprime les éléments sélectionnés, y compris tous les textes et nœuds enfants.

Cette méthode supprimera également les données et événements de l'élément sélectionné.

Grammar

$(selector).remove()
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(){
  $("p").click(function(){
  $("p") .remove();
  });
});
</script>
</head>
<body>
<p>点击这个段落。</p>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment définir un événement de suppression de clic 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