Comment vérifier quelle version de jQuery est chargée?

Comment vérifier quelle version de jQuery est chargée sur la machine cliente? Le client peut avoir jQuery chargé mais je ne sais pas comment le vérifier. S'ils l'ont chargé, comment puis-je vérifier la version et le préfixe tels que:

$('.class')
JQuery('.class')

if (typeof jQuery != 'undefined') {  
    // jQuery is loaded => print the version
    alert(jQuery.fn.jquery);
}

Vous pouvez simplement vérifier si l' jQueryobjet existe:

if( typeof jQuery !== 'undefined' ) ... // jQuery loaded

jQuery().jquery a le numéro de version.

Quant au préfixe, jQuerydevrait toujours fonctionner. Si vous souhaitez utiliser, $vous pouvez envelopper votre code dans une fonction et lui passer jQuerycomme paramètre:

(function( $ ) {
    $( '.class' ).doSomething();  // works always
})( jQuery )

$.fn.jquery
// If there is concern that there may be multiple implementations of `$` then:
jQuery.fn.jquery

Si vous récupérez un numéro de version - généralement sous forme de chaîne - alors jQuery est chargé et c'est la version avec laquelle vous travaillez. S'il n'est pas chargé, vous devriez récupérer undefinedou peut-être même une erreur.

Assez vieille question et j'ai vu quelques personnes qui ont déjà mentionné ma réponse dans les commentaires. Cependant, je trouve que parfois d'excellentes réponses laissées sous forme de commentaires peuvent passer inaperçues; surtout quand il y a beaucoup de commentaires sur une réponse, vous pouvez vous retrouver à en fouiller des tas à la recherche d'un joyau. Espérons que cela aide quelqu'un!

… Juste parce que cette méthode n'a pas été mentionnée jusqu'à présent - ouvrez la console et tapez:

$ === jQuery

Comme @Juhana mentionné ci-dessus $().jqueryrenverra le numéro de version.

J'ai trouvé que c'était le moyen le plus court et le plus simple de vérifier si jQuery était chargé:

if (window.jQuery) {
    // jQuery is available.

    // Print the jQuery version, e.g. "1.0.0":
    console.log(window.jQuery.fn.jquery);
}

Cette méthode est utilisée par http://html5boilerplate.com et d'autres.

Ma préférence est:

console.debug("jQuery "+ (jQuery ? $().jquery : "NOT") +" loaded")

Résultat:

jQuery 1.8.0 chargé

Vous devriez en fait envelopper cela dans un bloc try / catch pour IE:

// Ensure jquery is loaded -- syntaxed for IE compatibility
try
{
    var jqueryIsLoaded=jQuery;
    jQueryIsLoaded=true;
}
catch(err)
{
    var jQueryIsLoaded=false;
}
if(jQueryIsLoaded)
{
    $(function(){
        /** site level jquery code here **/
    });
}
else
{
    // Jquery not loaded
}

En une seule ligne et le minimum de touches (oups!):

alert($().jquery);

Accédez à l'outil du développeur> console et écrivez l'une des commandes suivantes jQuery.fn.jquery console.log(jQuery().jquery);

Selon le blog de Monster Monster , en tapant, ces scripts ci-dessous vous donneront la version de jquery dans le site que vous parcourez maintenant.

 1. console.log(jQuery.fn.jquery);
 2. console.log(jQuery().jquery);

if (jQuery){
   //jquery loaded
}

.....