Comment jquery gère les événements-js tutoriel-php.cn

Comment jquery gère les événements

(*-*)浩

Libérer： 2019-05-30 10:34:25

original

3073 Les gens l'ont consulté

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é.

Comment jquery gère les événements

É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>

Copier après la connexion

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!