L'origine du symbole $ dans jQuery

$ est un célèbre symbole jQuery. En fait, jQuery encapsule toutes les fonctions dans une variable globale jQuery, et $ est également un nom de variable légal. C'est un alias de la variable jQuery :

  • window.jQuery ; // jQuery(sélecteur, contexte)

  • window.$; // jQuery(sélecteur, contexte)

  • $ === jQuery ; // true

  • typeof($); // 'function'

$ est essentiellement une fonction, mais une fonction est également un objet, donc en plus d'être appelé directement, $ peut également avoir de nombreux autres attributs.

Remarque : Le nom de la fonction $ que vous voyez n'est peut-être pas jQuery (sélecteur, contexte), car de nombreux outils de compression JavaScript peuvent renommer les noms et les paramètres des fonctions, de sorte que la fonction $ du code source jQuery compressé peut devenir une (b,c).

La plupart du temps, on utilise $ directement (car c'est plus facile à écrire). Cependant, si la variable $ est malheureusement occupée et ne peut pas être modifiée, alors nous ne pouvons que demander à jQuery de remettre la variable $, et nous ne pouvons alors utiliser que la variable jQuery :

  • $ ; // jQuery(sélecteur, contexte)

  • jQuery.noConflict();

  • $;

  • jQuery; // jQuery(sélecteur, contexte)
  • Le principe de cette magie noire est que jQuery sauvegarde la valeur d'origine en interne avant d'occuper $$, lors de l'appel de jQuery .noConflict(), les variables initialement enregistrées seront restaurées
Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); }); </script> </head> <body> <p>欢迎大家来到php.cn</p> <button id="hide">隐藏</button> <button id="show">显示</button> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel