Introduction générale

  jQuery augmente et étend le mécanisme de gestion des événements de base, non seulement fournit une syntaxe de gestion des événements plus élégant, mais aussi grandement amélioré la capacité de gestion des événements

  événements jQuery

  

  charge DOM

  Avec $ (document) en jQuery.méthode prête () pour remplacer le JavaScript fenêtre.onload méthode, mais ils ont aussi quelques différences

  1, le moment de l''exécution

  Par exemple, nous avons beaucoup de photos de la page

  $ (Document).méthode prêt () est terminé le chargement dans l''arborescence DOM de cette page peut être effectuée, et la fenêtre.onload méthode doit être chargée dans la finition arbre DOM et les images ont terminé le chargement avant l''exécution

  Si nous voulons utiliser jQuery fini de charger la page entière peut être utilisée dans la méthode load d''exécution ()

  Les fonctions suivantes des deux codes sont les mêmes

  // jQuery

  $ (Fenêtre).charger (function () {

  // Code 1

  });

  // JavaScript

  fenêtre.onload = function () {

  Code // 2

  };

  2, l''utilisation multiple

  Le JavaScript événement onload ne peut enregistrer une référence à une fonction, et $ (document).prêt () pourrait sauver plus

  une fonction () {

  alert ( ''1'');

  }

  deux fonction () {

  alert ( ''2'');

  }

  // JavaScript

  fenêtre.onload = one;

  fenêtre.onload = deux; // exécute seulement deux ()

  // jQuery

  $ (Document).prêt (function () {

  un ();

  });

  $ (Document).prêt (function () {

  deux ();

  }); // un () et deux () sont réalisées

  3, raccourci

  $ (Document).prêt (function () {}), il peut être abrégé en $ (function () {});

  événement de liaison

  bind () syntaxe de la fonction: bind (type, [.données], fn)

  Le premier paramètre est le type d''événement

  Le second paramètre est optionnel, comme l''événement.Les valeurs de données supplémentaires sont transmises à la propriété de données d''événement de l''objet

  Le troisième paramètre est utilisé pour lier un gestionnaire

  Avec des exemples de vue, il y a deux div, la deuxième div peau, lorsque l''on clique sur la première div, deuxième écran div