Code has been added to clipboard!

Tips on jQuery Download: Approaches Explained, Useful Links Provided

Reading time 3 min
Published Dec 19, 2017
Updated Oct 1, 2019

This tutorial explains what formats of jQuery are available for download, and what their main differences are. You will also grasp how you may use CDN for that, or execute a jQuery UI CDN implementation. All the links you need will be provided.

jQuery Download: Main Tips

  • jQuery is available in compressed and uncompressed formats.
  • It can also be implemented via CDN.

Before you download jQuery, you need to know this library is available in two formats: compressed and uncompressed. Both of them are available to download in the official jQuery web site.

The uncompressed format is preferable during development because of better readability. You can download it by clicking here.

Now, the compressed format saves bandwidth. Therefore, it is the better choice for improving your website's performance. You can download it by visiting this link. When using the compressed version, you may also want to download the jQuery sourcemap file in order to improve the debugger experience while developing.

Once the jQuery download is finished, you can move it to the directory of your website, be it on your computer or the file server.

When that is done, you can apply the library to your code using code like this in the <head> element, using the src attribute of the <code> element to provide the file path to the file:

Example
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

Using CDN

It is also possible to use jQuery without downloading. For that, you could use a content delivery network (CDN). You can also use it for additional jQuery libraries: for example, you might perform a jQuery UI CDN implementation.

There are various options - you might use jQuery CDN Google or another system has to offer. In this section, we will review a few of them.

For a CDN jQuery implementation, you have to use the same script as above, only instead of the file path, you need to enter the CDN link.

Here's a list of the various jQuery CDNs you can choose from:

This saves you the trouble of downloading, placing the file on the file server, and providing the path to it. On the flipside, when using CDN jQuery file cannot be edited.

Note: Due to the popularity of jQuery CDN Google and Microsoft options, users often have it cached. That leads to a faster loading time.

jQuery Download: Summary

  • You can download jQuery in compressed or uncompressed format.
  • However, jQuery download is not necessary: you can also implement it using CDN.
Learn jQuery
Introduction
Selectors
Events
Event Methods
Download
Callback
Chaining
Get and Set
Add Element
Remove Element
Traverse
Parent
Children
Sibling Traverse
Filtering
jQuery AJAX
Effects
Show and Hide
Fade Effect
Slide Effect
Animate Effect
Manipulate CSS
Width and Height
.addClass()
.after()
.animate()
.append()
.appendTo()
.attr()
.before()
.bind() (deprecated)
.blur()
.change()
.click()
.clone()
.css()
.dblclick()
.delay()
.delegate() and .undelegate() (deprecated)
.detach()
.empty()
.end()
.error() (deprecated)
.fadeIn()
.fadeOut()
.fadeTo()
.fadeToggle()
.finish()
.focus()
.focusIn()
.focusOut()
.hasClass()
.height()
.hide()
.hover()
.html()
.innerHeight()
.innerWidth()
.insertAfter()
.insertBefore()
.keypress()
.keyup()
.live() and .die() (deprecated)
.load() (deprecated)
.mousedown()
.mouseenter()
.mouseleave()
.mousemove()
.mouseout()
.mouseover()
.mouseup()
.off()
.offset()
.offsetParent()
.on()
.one()
.outerHeight()
.outerWidth()
.position()
.prepend()
.prependTo()
.prop()
.proxy()
.queue()
.ready()
.remove()
.removeAttr()
.removeClass()
.removeProp()
.replaceAll()
.replaceWith()
.resize()
.scroll()
.scrollLeft()
.scrollTop()
.show()
.slideDown()
.slideToggle()
.slideUp()
.stop()
.submit()
.text()
.toggle()
.toggleClass()
.trigger()
.triggerHandler()
.unbind() (deprecated)
.unload() (deprecated)
.unwrap()
.val()
.width()
.wrap()
Event Properties
event.currentTarget
event.preventDefault()
event.relatedTarget
event.stopImmediatePropagation()
event.stopPropagation()
event.target
event.timeStamp
event.type
event.which
jQuery .find()
jQuery .keydown()
jQuery.noConflict()
pageY and pageX