Maison > Problème commun > À quoi cela fait-il référence lors de la liaison d'événements de clic dans jquery ?

À quoi cela fait-il référence lors de la liaison d'événements de clic dans jquery ?

尊渡假赌尊渡假赌尊渡假赌
Libérer: 2023-05-30 10:39:07
original
1991 Les gens l'ont consulté

L'événement de clic de liaison jquery fait référence à l'objet DOM qui déclenche cet événement. La méthode est la suivante : 1. Créez un exemple de fichier HTML et référencez le fichier jQuery dans l'en-tête. 2. Créez une balise div dans le corps et définissez-la. l'identifiant Pour a ; 3. Créez un événement click dans le script et liez-le à la balise div ; 4. Cliquez sur la balise div, la console imprime "this" et le résultat est l'objet DOM "div" qui a déclenché l'événement.

À quoi cela fait-il référence lors de la liaison d'événements de clic dans jquery ?

Le système d'exploitation de ce tutoriel : système Windows 10, jQuery version 3.6.0, ordinateur Dell G3.

Cela, lorsque jquery lie un événement de clic, fait référence à l'objet DOM qui a déclenché cet événement.

1. Créez un exemple de fichier HTML et référencez le fichier jQuery dans le head

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
    <script src="../scripts/jquery.js" type="text/javascript"></script>
</head>
</html>
Copier après la connexion

2 Créez une balise div dans le corps et définissez l'identifiant sur a

<body>
<div id="a">clickme</div>
</body>
Copier après la connexion

3. Créez un événement de clic dans le script. et liez-le à div

$("#a").click(function(){
  console.log(this) 
});
Copier après la connexion

4. Cliquez sur la balise div et la console imprime le résultat en tant qu'objet DOM qui a déclenché l'événement

屏幕截图 2023-05-30 102835.png

.

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