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

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

黄舟
Libérer: 2017-06-27 09:50:56
original
2287 Les gens l'ont consulté

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();
Copier après la connexion

Description :

Masquer tous les paragraphes de la page en cliquant dessus.

Code jQuery :

$("p").click( function () { $(this).hide(); });
Copier après la connexion

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()
Copier après la connexion

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

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

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>
Copier après la connexion

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!

É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