Maison  >  Article  >  interface Web  >  Comment définir un événement de suppression de clic dans jquery

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

WBOY
WBOYoriginal
2022-05-12 10:34:002316parcourir

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()

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

$(selector).click(function)

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()

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>

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!

Déclaration:
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