Points de connaissances connexes sur les événements jQuery-js tutoriel-php.cn

Points de connaissances connexes sur les événements jQuery

jacklove

Libérer： 2018-05-08 11:39:30

original

1342 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!