How to check what version of jQuery is loaded?

Question

How do I check which version of jQuery is loaded on the client machine? The client may have jQuery loaded but I don't know how to check it. If they have it loaded how do I check the version and the prefix such as:

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

The client may have jQuery loaded if you included it as a file to download. What is the problem, exactly? — Jared Farrish, Aug 07 '11 at 16:11
Dunno about what the OP needs it for, but if you're making a script or plugin that requires jQuery you could check and throw an error if it's not there or a too old version. — JJJ, Aug 07 '11 at 16:22
possible duplicate of [Get jQuery version from inspecting the jQuery object](http://stackoverflow.com/questions/6867040/get-jquery-version-from-inspecting-the-jquery-object) — Mołot, Jun 23 '15 at 13:13

score 1029 · Accepted Answer · answered Aug 07 '11 at 16:11

1029

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

answered Aug 07 '11 at 16:11

Darin Dimitrov

1,023,142
271
3,287
2,928

39

There are 2 ways to check currently loaded jquery version: `jQuery.fn.jquery` and `jQuery().jquery` (shorthands: `$.fn.jquery` `$().jquery`). I wrote about [**it in details**](http://jquery-howto.blogspot.com/2009/02/how-to-check-jquery-version.html) with links to jquery source code if you'd like to dig deeper. – Uzbekjon Aug 16 '13 at 09:40
3

even simpler version `if (window.jQuery) { // jQuery is loaded => print the version alert(jQuery.fn.jquery); }` – asherrard Mar 14 '16 at 18:33
8

The check for undefined should be `!==` – plankguy Jan 27 '17 at 21:47
1

Note lowercase :) – Nate Anderson Jul 25 '17 at 15:36
5

Don't use `jQuery().jquery`. It creates a jQuery object for nothing, just use what the answer says. – Aug 02 '18 at 22:32
This answer will do the job and is a good answer. However, `$.fn.jquery` or `jQuery.fn.jquery` will get the same result just in the console and not as an alert; no need to overcomplicate it. Also I'd go with the comparison as `if (typeof jQuery !== undefined) { ... }` – Rockin4Life33 Oct 04 '18 at 17:07

Rockin4Life33 · Answer 2 · 2021-11-28T19:48:10.427

My goto means to determine the version:

$.fn.jquery

Another similar option:

$().jQuery

If there is concern that there may be multiple implementations of $ — making $. ambiguous — then use jQuery instead:

jQuery.fn.jquery

Recently I have had issues using $.fn.jquery and $().jQuery on a few sites so I wanted to note a third simple command to pull the jQuery version.

If you get back a version number — usually as a string — then jQuery is loaded and that is what version you're working with. If not loaded then you should get back undefined or maybe even an error.

Pretty old question and I've seen a few people that have already mentioned my answer in comments. However, I find that sometimes great answers that are left as comments can go unnoticed; especially when there are a lot of comments to an answer you may find yourself digging through piles of them looking for a gem. Hopefully this helps someone out!

@Janar No, it's not at all exactly the same. Overly complicated in contrast, IMO. — Rockin4Life33, Sep 05 '17 at 16:00
Have you tried type "5" in your console? Then the next "$_" will give you "5". — daifei4321, Dec 15 '20 at 19:44

JJJ · Answer 3 · 2013-05-25T04:49:23.010

37

You can just check if the jQuery object exists:

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

jQuery().jquery has the version number.

As for the prefix, jQuery should always work. If you want to use $ you can wrap your code to a function and pass jQuery to it as the parameter:

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

edited May 25 '13 at 04:49

answered Aug 07 '11 at 16:12

JJJ

32,902
20
89
102

3

The `if( jQuery )` will throw an exception if `jQuery` is unknown and it won't work. – Darin Dimitrov Aug 07 '11 at 16:14
Maybe wrap it in `try {...}catch(e){...}`? – Aakash Mar 05 '19 at 07:58
2

Don't use `jQuery().jquery`. It creates a jQuery object for nothing. _(copied comment from another answer)_ – törzsmókus Sep 17 '19 at 09:58

score 19 · Answer 4 · answered Oct 31 '14 at 12:01

19

…just because this method hasn't been mentioned so far - open the console and type:

$ === jQuery

As @Juhana mentioned above $().jquery will return the version number.

answered Oct 31 '14 at 12:01

ptim

14,902
10
83
103

something like `($ === jQuery)?$().jquery:'no jquery';` – UselesssCat Nov 24 '17 at 13:32
1

OP asked to check the version loaded. This doesn't answer the question. – Akira Yamamoto Jul 11 '18 at 06:09

Markus Amalthea Magnuson · Answer 5 · 2016-01-21T14:49:26.167

17

I have found this to be the shortest and simplest way to check if jQuery is loaded:

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

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

This method is used by http://html5boilerplate.com and others.

edited Jan 21 '16 at 14:49

answered Sep 27 '11 at 03:59

Markus Amalthea Magnuson

8,415
4
41
49

@AndreFigueiredo I edited the answer to include how to get the version number, after making sure jQuery is loaded. – Markus Amalthea Magnuson Jan 21 '16 at 14:49

score 6 · Answer 6 · answered Feb 21 '17 at 20:23

6

My preference is:

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

Result:

jQuery 1.8.0 loaded

answered Feb 21 '17 at 20:23

sshel207

101
1
7

I get : undefined – Joe L. Jul 23 '18 at 20:05
This is a bit better, but logging isn't that useful when working on an app. You're better off saving a variable first. ```let has$ = typeof jQuery === 'function'; console.log('jQuery' + (has$ ? ` version ${jQuery.fn.jquery} loaded.` : ' is not loaded.')); ``` – Aug 02 '18 at 22:38

score 4 · Answer 7 · answered Feb 02 '19 at 18:22

4

In one line and the minimum of keystrokes (oops!):

alert($().jquery);

answered Feb 02 '19 at 18:22

David White

621
1
10
23

score 3 · Answer 8 · answered Aug 07 '11 at 16:20

3

You should actually wrap this in a try/catch block for 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
}

answered Aug 07 '11 at 16:20

AlienWebguy

76,997
17
122
145

IE doesn't handle `typeof jQuery != 'undefined'`? Is this true for every IE or just the older ones? – JJJ Aug 07 '11 at 16:26
Pretty sure it's for the legacy versions. Still what's more embarrassing than a big ol' JS error preventing your page from working, regardless if it's the browser's fault ;) – AlienWebguy Aug 07 '11 at 16:45
This has really helped me a lot. I was struggling to get the exact behavior across Firefox and IE for checking whether jQuery is loaded or not using WatiN. Now with this workaround, I am very happy. Thanks to you! – rahoolm Feb 03 '14 at 08:23

score 2 · Answer 9 · answered Jan 22 '19 at 21:45

2

Go to the developer's Tool > console and write one of the following command jQuery.fn.jquery console.log(jQuery().jquery);

answered Jan 22 '19 at 21:45

Suman Koirala

31
2

score 2 · Answer 10 · edited Sep 16 '22 at 16:56

2

With optional chaining operator (?.) this can be done with window.jQuery?.fn?.jquery. This one liner also works if jQuery isn't loaded at all.

edited Sep 16 '22 at 16:56

Krzysztof Przygoda

1,217
1
17
24

answered Jun 07 '22 at 18:41

wheredidthatnamecomefrom

612
8
15

score 1 · Answer 11 · answered Dec 12 '18 at 13:41

1

As per Template monster blog, typing, these below scripts will give you the version of the jquery in the site you are traversing now.

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

answered Dec 12 '18 at 13:41

aniruddha

689
8
29

score -1 · Answer 12 · answered Jun 02 '21 at 15:29

Maybe self explanatory, but simplest method I have found is looking at the version commented in the actual file (typically jquery.min.js). Alternatively,if something like code.jquery.com is used, version number is in https reference (ie https://code.jquery.com/jquery-1.11.3.js).

enter image description here

genesis · Answer 13 · 2011-08-07T16:57:22.513

-2

if (jQuery){
   //jquery loaded
}

.....

edited Aug 07 '11 at 16:57

answered Aug 07 '11 at 16:13

genesis

50,477
20
96
125

1

Some other libraries use `$`. – Jared Farrish Aug 07 '11 at 16:18
2

What if they're using Prototype? Or anything else that uses `$`? It's not unique to jQuery. – JJJ Aug 07 '11 at 16:18
What if `jQuery` isn't loaded? (It'll throw a `ReferenceError`). The above answer is correct, and that's why people are down-voting your answer. – Aug 02 '18 at 22:33

How to check what version of jQuery is loaded?

13 Answers13

Linked

Related