Including Google Hosted jQuery and other JS Libraries
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:
Yahoo! User Interface Library (YUI)
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.
Hi! I'm Mike Dalisay, the co-founder of codeofaninja.com, a site that helps you build web applications with PHP and JavaScript. Need support? Comment below or contact [email protected]
I'm also passionate about technology and enjoy sharing my experience and learnings online. Connect with me on LinkedIn, Twitter, Facebook, and Instagram.