Maison  >  Article  >  interface Web  >  Quelle est la méthode pour définir un événement click dans jquery

Quelle est la méthode pour définir un événement click dans jquery

WBOY
WBOYoriginal
2022-05-10 11:23:283775parcourir

La méthode de définition des événements de clic dans jquery est click(); cette méthode est utilisée pour définir l'événement de clic qui se produit lorsqu'un élément est cliqué lorsque le pointeur de la souris reste sur l'élément et que le bouton gauche est cliqué, l'événement de clic. sera déclenché ou l'événement click sera spécifié. Une fonction qui est exécutée à ce moment-là, la syntaxe est "element object.click (run function)".

Quelle est la méthode pour définir un événement click dans jquery

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

Quelle est la méthode pour définir l'événement click dans jquery ?

La méthode de l'événement click dans jquery est la méthode click()

Lorsqu'un élément est cliqué, l'événement click se produit.

Un clic se produit lorsque le pointeur de la souris reste sur un élément, puis que le bouton gauche de la souris est enfoncé et relâché. 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.

Déclenchez l'événement de clic

$(selector).click()

Liez une fonction à l'événement de clic

$(selector).click(function)

fonction Facultatif. Spécifie une fonction à exécuter lorsqu'un événement de clic se produit.

L'exemple est le suivant :

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").slideToggle();
  });
  $("p").dblclick(function(){
    $("button").click();
  });
});
</script>
</head>
<body>
<button>点击这里进行切换</button>
<p>双击本段落会触发上面这个按钮的 click 事件。</p>
</body>
</html>

Résultat de sortie :

Quelle est la méthode pour définir un événement click 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