How to use the jQuery JavaScript Library on your Hosting Account
You will discover in this detailed guide, how to use 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 HOSTAFRICA Hosting account, and then reference it directly on 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 https://jquery.com/download.
2. 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) provides 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="https://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.
To view the official jQuery site, please visit https://jquery.com.
To view the official jQuery documentation, please visit https://api.jquery.com.
Feel free to contact us if you need further hosting-related assistance.