Using the jQuery.fn.jquery Property
The simplest way to get the jQuery version is to use the jQuery.fn.jquery property. This property holds a string representing the jQuery version in use. To get the jQuery version, you can use the following line of code:
Alternatively, you can use the $ alias:
This code will output the version string to the console, e.g., “3.6.0”.
Using the Browser Developer Tools
If you prefer not to write any code, you can check the jQuery version using the browser’s developer tools. Here’s how to do it:
- Open your web page in the browser and open the developer tools (you can usually do this by right-clicking on the page and selecting “Inspect” or by pressing F12).
- Go to the “Console” tab of the developer tools.
- Type jQuery.fn.jquery (or $.fn.jquery) in the console and press Enter.
- The console will display the version string, e.g., “3.6.0”.
Checking the Version in the jQuery File
If you have direct access to the jQuery file included in your project, you can also check the version by opening the file and looking at the file header. In most cases, the version will be displayed in the first few lines of the file, like so:
This method can be particularly useful if you’re using a local copy of jQuery instead of a CDN-hosted version.
In conclusion, getting the jQuery version is simple and can be accomplished using the jQuery.fn.jquery property, browser developer tools, or by looking at the jQuery file itself. Knowing which version of jQuery you’re working with can help you avoid compatibility issues and ensure that you’re always up-to-date with the latest features and bug fixes.