Maison > interface Web > js tutoriel > Points de connaissances connexes sur les événements jQuery

Points de connaissances connexes sur les événements jQuery

jacklove
Libérer: 2018-05-08 11:39:30
original
1364 Les gens l'ont consulté

jQuery est spécialement conçu pour le traitement des événements, ce qui est particulièrement important en js, cet article va donc en apprendre davantage sur les événements jQuery.

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

Mettez généralement le code jQuery dans la méthode de gestion des événements dans la section  :

Exemple

<html>
<head>
<script type="text/javascript" src="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>Click me</button>
</body>
</html>
Copier après la connexion

Essayez-le vous-même

Dans dans l'exemple ci-dessus, lorsque l'événement click du bouton est déclenché, une fonction sera appelée :

$("button").click(function() {..some code. . } )

Cette méthode masque tous les éléments

 :

$("p").hide();

Séparé. Fonctions de fichier dans

Si votre site Web contient de nombreuses pages et que vous souhaitez que vos fonctions jQuery soient faciles à maintenir, placez vos fonctions jQuery dans des fichiers .js séparés.

Lorsque nous démontrons jQuery dans le didacticiel, nous ajoutons la fonction directement dans la section Cependant, il serait préférable de les mettre dans un fichier séparé, comme ceci (en référençant le fichier via l'attribut src) :

Instance

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_jquery_functions.js"></script>
</head>
Copier après la connexion

jQuery Name Conflict

jQuery utilise le symbole $ comme méthode Introduction de jQuery.

Certaines fonctions d'autres bibliothèques JavaScript (telles que Prototype) utilisent également le symbole $.

jQuery utilise une méthode appelée noConflict() pour résoudre ce problème.

var jq=jQuery.noConflict(), vous aide à utiliser votre propre nom (comme jq) au lieu du signe $.

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 :

Mettez en place tous les jQuery code dans les gestionnaires d'événements

Placez tous les gestionnaires d'événements dans les gestionnaires d'événements prêts pour le document

Placez le code jQuery dans des fichiers .js séparés

S'il y a un conflit de nom, renommez la bibliothèque jQuery

Cet article fournit une compréhension pertinente des événements jquery. Pour plus de matériel d'apprentissage, veuillez faire attention au site Web php chinois.

Recommandations associées :

SQL Server - Connaissances liées au SGBDR

Points de connaissances connexes sur les valeurs SQL NULL

Explication des connaissances liées à la fonction SQL Date

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