Maison > Article > interface Web > Comment jquery gère les événements

Comment jquery gère les événements

(*-*)浩original: 2019-05-30 10:34:253053parcourir

Fonction d'événement jQuery La méthode de gestion des événements jQuery est la fonction principale de jQuery.

Les gestionnaires d'événements font référence à des méthodes appelées lorsque certains événements se produisent en HTML. Le terme « déclenché » (ou « inspiré ») par un événement est souvent utilisé.

Événements jQuery

Voici quelques exemples de méthodes d'événement dans jQuery :

$(selector).click(function) tr>

Event 函数	绑定函数至
$(document).ready(function)	将函数绑定到文档的就绪事件（当文档完成加载时）
$(selector).click(function)	触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function)	触发或将函数绑定到被选元素的双击事件
$(selector).focus(function)	触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function)	触发或将函数绑定到被选元素的鼠标悬停事件

Fonction d'événement

Lier la fonction à

$(document).ready(function)

Lier une fonction à l'événement ready du document (lorsque le chargement du document est terminé)

Déclencher ou lier la fonction au clic de l'élément sélectionné événement

$(selector).dblclick(function)

Déclencher ou lier une fonction à l'événement double-clic de l'élément sélectionné

$ (selector).focus(function)

Déclencher ou lier une fonction à l'événement focus de l'élément sélectionné

$(selector).mouseover(function)

Déclencher ou lier une fonction à l'événement mouseover de l'élément sélectionné

Exemple :

Lorsque vous cliquez sur le bouton Cliquez sur moi, le contenu de la balise

<html>
<head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
        $("button").click(function(){
        $("p").hide();
        });
        });
    </script>
</head>

<body>
    <h2>This is a heading</h2>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <button type="button">Click me</button>
</body>
</html>

ConclusionÉtant donné que jQuery est spécifiquement conçu pour gérer les événements HTML, votre code sera plus approprié et plus facile à maintenir lorsque vous suivez les principes suivants : Placez tout le code jQuery dans les gestionnaires d'événementsPlacez tous les gestionnaires d'événements dans des gestionnaires d'événements prêts pour le documentMettez le code jQuery dans un fichier .js séparé Renommez le Bibliothèque jQuery s'il y a un conflit de nom

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!

jquery html Event JS function 事件

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：Qu'est-ce que le plugin jQueryArticle suivant：Qu'est-ce que le plugin jQuery

Articles Liés

Voir plus