Including Google Hosted jQuery and other JS Libraries

jquery-tutorial

When I’m testing my JavaScript with jQuery, sometimes, I feel lazy to locate on my hard disk where is that jQuery library file.

At the same time, I don’t want to download it on their website. So I thought of hosting it on a server and just specify its URL as a source of my <script> tag.

But then I found out that Google is hosting different JavaScript library for free. So now, I can access the library just by specifying the URL of Google-hosted jQuery library.

Google hosts several open-source library which includes:

Chrome Frame

Dojo

Ext Core

jQuery

jQuery UI

MooTools

Prototype

script_aculo_us

SWFObject

Yahoo! User Interface Library (YUI)

WebFont Loader

So now, here’s how I include a jQuery library on my scripts.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

You may also use google.load function if you want. But you have to get your own API key. So I prefer accessing it in direct path (script above).

Here’s a simple slide and toggle demo, with jQuery hosted by google.

Well actually, jQuery site also provide their script.

<script src="http://code.jquery.com/jquery-latest.js"></script>

There are many debates whether to host your jQuery on Google or not. You may also read this article and its comments.

By Mike Dalisay

I'm Mike Dalisay, a pro web developer since 2010. I love web development. Improving our tutorials and source codes makes me happy. Do you want to suggest an edit to our tutorial? Got something to ask about our source codes? Email our team at [email protected]