recherche

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

Points de connaissances connexes sur les événements jQuery

jacklove
jackloveoriginal
2018-05-08 11:39:301397parcourir

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 93f0f5c25f18dab9d176bd4f6de5d30e :

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>

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 e388a4556c0f65e1904146cc1a846bee :

$("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 93f0f5c25f18dab9d176bd4f6de5d30e 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>

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!

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：Explication détaillée de la méthode d'extension ElTableColumnArticle suivant：Explication détaillée de la méthode d'extension ElTableColumn

Articles Liés

Voir plus