How to add jQuery to JSfiddle

Solution 1:

Alternatively to Velimir Tchatchevsky's Answer you can click the Javascript Settings button (top right left of Javascript pane).

You can select jQuery, and other extensions and frameworks, from the Frameworks & Extensions drop down.

Also, depending on the library selected there are also some other extensions to that library. An example below of jQuery 1.7.2, you can also include jQuery UI, jQuery Mobile etc.

In regards to Velimir Tchatchevsky's answer, the External Resources section on the left is more for importing other files / libraries that JSFiddle does not have.

For example, you could import libraries like FontAwesome or Datatables.js, or your own hosted CSS / JS files.

Solution 2:

At the left side there is an "external resources" button that you can click and fill in the url of the jquery source

Solution 3:

Had the same question. using ImClarky's answer figured it out in updated interface. Adding steps in updated interface. hope these help someone looking for same in future

1. Click on Javascript menu in javascript pane and select jQuery from Frameworks & Extensions menu

2. Add your code using jQuery !!