Maison > Article > interface Web > jQuery : explication détaillée de la définition et de l'utilisation de l'événement click

jQuery : explication détaillée de la définition et de l'utilisation de l'événement click

黄舟original: 2017-06-27 09:50:562283parcourir

Cet article présente principalement la définition et l'utilisation de l'événement click dans jQuery, et analyse en détail la méthode de définition spécifique, les paramètres et les exemples d'utilisation de l'événement click dans jQuery avec des exemples. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer

Cet article explique la définition et l'utilisation de l'événement click dans jQuery à travers des exemples. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Aperçu

Déclenchez l'événement de clic de chaque élément correspondant.

Cette fonction appellera et exécutera toutes les fonctions liées à l'événement click.

Paramètres

fnFunctionV1.0

La fonction de gestionnaire liée à l'événement click de chaque élément correspondant.

[data],fnString,FunctionV1.4.3

data:click([Data], fn) peut transmettre des données à la fonction fn à traiter.

fn : La fonction de gestionnaire liée à l'événement click de chaque élément correspondant.

Exemple

Description :

Événement de clic déclencheur pour tous les paragraphes de la page

Code jQuery :

$("p").click();

Description :

Masquer tous les paragraphes de la page en cliquant dessus.

Code jQuery :

$("p").click( function () { $(this).hide(); });

Lorsque le pointeur de la souris est sur l'élément correspondant, appuyer et relâcher le bouton gauche de la souris ou appeler la méthode click() déclenchera l'événement click. La méthode

click() peut également être liée à la méthode de gestion des événements .

Structure de grammaire 1 :
événement de clic déclencheur.

$(selector).click()

Structure grammaticale 2 :
Méthode de traitement des événements de liaison pour l'événement de clic.

$(selector).click(data,function)

Liste des paramètres :

参数	描述
data	可选。定义传入供function处理的数据。
function	定义click事件触发时运行的函数。

Exemple de code :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>click事件-脚本之家</title>
<style type="text/css">
p{
  width:200px;
  height:200px;
  border:5px solid green;
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(
document
).ready(function(){
  $("button").click(function(){
    $("p").text("这是后来添加的内容");
  })
  $("p").dblclick(function(){
    $("button").click();
  })
})
</script>
</head>
<body>
<p></p>
<p>双击我触发click事件</p>
<button>点击触发事件</button>
</body>
</html>

Ce qui précède code Lorsque vous double-cliquez sur l'élément p ou cliquez sur le bouton , le nouveau texte sera défini dans p.

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

Article précédent：Solution au problème selon lequel jquery déclenche l'échec de l'événement de changement de sélectionArticle suivant：Solution au problème selon lequel jquery déclenche l'échec de l'événement de changement de sélection

Articles Liés

Voir plus