How to add jQuery to your site
By Andreas Blixt. Updated 10 months, 3 weeks ago. 9,566 unique views.
There are several ways of adding jQuery to your site.
Use Google's servers
Google actually hosts jQuery on their servers and let you fetch it from them, no strings attached. The benefits of getting it from Google's servers are several. More about them later.
Including jQuery from Google's servers is very easy. We recommend that you include it in the bottom of the page, because this will make your page load faster. Open the HTML for your site and locate the end of the page body (</body>). Put the following just before the </body> tag:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"
type="text/javascript"></script>
This will get the latest bug-fix release of jQuery 1.5 (as of this writing 1.5.2). You can also get, for example, version 1.3.2 by changing 1.5 in the URL above to 1.3.2.
Alright, you're all good to go!
Why should I use Google's servers?
- Many web browsers will limit the number of downloads per domain. Since you're getting jQuery from another domain, that's one more file that can be downloaded simultaneously.
- Since a lot of other sites use the same method, your visitors may already have downloaded jQuery from Google once. This means that jQuery is cached on their computer and no download will be required.
- The file is on a so-called CDN (Content Delivery Network), which means that the file is spread across a lot of servers around the world, and the server closest to your visitor will be chosen for the download. This results in less time waiting for the download to start.
- Depending on how you include the file, you can get Google to provide you with the latest bug-fix version of jQuery, so you don't have to update it yourself.
Host the file yourself
You can also host the file yourself. You can download the latest version of jQuery from their site. Make sure you choose the Production version. This version is much smaller and will make your site load faster. If the file opens in your browser instead of being downloaded, just right click somewhere on the page and choose Save As… or select File and then Save As…. Put the file with your other web site files.
All you need to do now is to include jQuery on your site. It's the same procedure as for including the script from Google, but a different path. Put the following before the </body> tag:
<script src="jquery-1.5.2.min.js" type="text/javascript"></script>
Note that you may have downloaded a later version of jQuery, so make sure that the filename is the same as what you put in the src attribute.
Comments (7)
Every body understands that humen's life is expensive, but people need money for different things and not every person gets enough money. Thence to get some <a href="http://goodfinance-blog.com/topics/business-loans">business loans</a> and just small business loan will be good way out.
<br><strong><a href="http://www.monclersalecoats.org/moncler-coats-moncler-classic-quincy-black-puffer-down-jacket-mc30044-p-3081.html">Moncler Menuire Down Jacket in White MC10062</a></strong>
<br><strong><a href="http://www.watchclones.com/">Replica watches</a></strong><br><strong><a href="http://www.watchclones.com/">Fake watches</a></strong>
<br><strong><a href="http://www.watchclones.com/">Replica watches</a></strong><br><strong><a href="http://www.watchclones.com/">Fake watches</a></strong>
<br><strong><a href="http://www.orbto.com/">software outsourcing</a></strong><br><strong><a href="http://www.orbto.com/">business process outsourcing</a></strong><br><strong><a href="http://www.orbto.com/">software outsourcing service</a></strong>
<strong><a href="http://www.egrich.com/TERA/gold/8183">tera gold</a></strong><br><strong><a href="http://www.egrich.com/TERA/gold/8183">buy tera gold</a></strong><strong><a href="http://www.egrich.com/TERA/gold/8183">cheap tera gold</a></strong>
<strong><a href="http://www.aeveningdresses.com/">Wholesale Wedding Dresses</a></strong><br>
<strong><a href="http://www.aeveningdresses.com/bridal-c-1.html">Bridal dresses</a></strong><br>
<strong><a href="http://www.aeveningdresses.com/bridal-c-1.html">bridal gown</a></strong><br>
<strong><a href="http://www.aeveningdresses.com/bridal-c-1.html">cheap Bridal dresses</a></strong><br>
<strong><a href="http://www.aeveningdresses.com/bridal-c-1.html">buy Bridal dresses</a></strong><br>
Login or join SimpleEditions to participate.