Maison > interface Web > js tutoriel > Comment lier un événement click dans jquery

Comment lier un événement click dans jquery

王林
Libérer: 2020-11-30 10:44:29
original
7101 Les gens l'ont consulté

Méthode d'événement de clic de liaison JQuery : [$("#text").bind("click",function(){});]. La méthode bind ajoute un ou plusieurs gestionnaires d'événements à l'élément sélectionné et spécifie la fonction à exécuter lorsque l'événement se produit.

Comment lier un événement click dans jquery

L'environnement d'exploitation de ce tutoriel : Système Windows 10, jquery version 2.2.4. Cette méthode convient à toutes les marques d'ordinateurs.

(Partage vidéo d'apprentissage : tutoriel vidéo jquery)

Introduction à la fonction :

la méthode bind() ajoute un ou plusieurs événements au gestionnaire d'éléments sélectionné et spécifie une fonction à exécuter lorsqu'un événement se produit.

Syntaxe :

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

Paramètres :

  • événement Obligatoire. Spécifie un ou plusieurs événements à ajouter à l'élément. Plusieurs événements séparés par des espaces. Doit être un événement valide.

  • données Facultatif. Spécifie des données supplémentaires à transmettre à la fonction.

  • fonction Obligatoire. Spécifie une fonction à exécuter lorsqu'un événement se produit.

Une partie du code d'implémentation de l'événement de clic de liaison dynamique jquery est la suivante :

<script type="text/javascript">
$(document).ready(function(){
    $("#text").bind("click",function(){
        alert("我的id为text,你点击时触发");
    });
    
    $("#text1").on("click",function(){
        alert("hellworl");
    });
    
    $("#text2").click(function(){
        alert($("#text2").val());
        
    });
});
    
    
</script>
<body>
    
    <input id="text" type="button" value="点击"/> 
    
    <input id="text1" type="button" value="点击"/> 
    
    <input id="text2" type="text" value="love"/> 
</body>
Copier après la connexion

Recommandations associées : Tutoriel js

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