hosting.com
Knowledge Base
Hosting Panel

Using the jQuery JavaScript library

Find out how to install and configure jQuery, the popular client-side JavaScript library used in web development with this guide featuring step-by-step instructions.

Suggest Edits

This article discusses jQuery, a popular JavaScript library used for web development.

About jQuery

jQuery is a client-side JavaScript library used in web development. jQuery includes several features to make web development easier, such as DOM traversal and manipulation, JSON parsing, visual effects, and more.

Using jQuery

To use jQuery in a web page, all you have to do is include a single JavaScript file. There are a few ways to do this:

  • You can upload the jQuery library file to a location on your hosting.com account, and then reference it directly in your web pages. For example, the following HTML snippet demonstrates one possible way to do this: 

    <script src="lib/jquery.min.js"></script>

    📘

    Note

    • You must upload the jQuery library file to a directory that is publicly accessible (such as the public_html directory or one of its subdirectories).

    • To visit the official jQuery download page, please visit http://jquery.com/download.

  • Alternatively, you can configure your web pages to reference a jQuery library file hosted by a third party. The official jQuery site (as well as many companies like Google and Microsoft) provide a jQuery library file on their web site. For example, the following HTML snippet demonstrates how to include a jQuery library file from the official jQuery site:

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

After you include the jQuery library file in a web page, you have access to all of jQuery's features.

Troubleshooting jQuery-enabled pages

Because jQuery is JavaScript-based and runs on the client, you can use a web browser to troubleshoot and diagnose problems. Many web browsers include a console that provides detailed information about the JavaScript run-time environment. This information is extremely helpful for debugging applications:

  • Mozilla Firefox: On the Tools menu, click Web Developer, and then click Web Console.

  • Google Chrome: Click the Google Chrome settings icon icon, click Tools, and then click JavaScript Console.

  • Microsoft Internet Explorer: Click the Internet Explorer settings icon icon, click F12 developer tools, and then click the Script tab.

More Information

Updated 3 days ago