Learn how to retrieve your data using jQuery. Check on some tutorials below to show you how to use various plugins to get and manipulate data. And remember to have fun!


1. Simplified Data Handling for jQuery – Amplify

A set of jQuery components for data management and application communication. It aims to ease any form of data handling by providing a unified API for various data sources.

2. The Power of jQuery .data() and a Practical Example

jQuery .data() is an excellent tool that allows you to treat DOM elements as containers of data without actually manipulating the DOM structure itself.

3. jQuery’s Data Method – How and Why to Use It

jQuery’s data method gives us the ability to associate arbitrary data with DOM nodes and JavaScript objects.

4. Using jQuery To Manipulate and Filter Data

A great amount of consideration should be dedicated to allowing the user to sort through the data in a structure manner when a webpage is designed to display a large table of data. In this tutorial you will go over four techniques: hover effects, zebra rows, filtering, and sorting.

5. XML Parsing Using jQuery

A tutorial on handling XML data in JavaScript.

6. jQuery – Events Handling

Using the jQuery Event Model, we can establish event handlers on DOM elements with the bind() method as this tutorial shows.

7. Graceful Handling of Anchors with jQuery

It’s almost crucial to use a database in order to access your data by parameters and conditions when you have a dynamic website. This is the beauty of “going dynamic”. You can create a new entry in your database and access it any time you wish, instead of uploading a new file each time you wish to publish something new.

8. jQuery: Using Event Handler

We know, JavaScript have event handlers. Many handlers are available for user-initiated events, such as mouse clicks, key presses, and load. In this post, we will see how to apply it.

9. Use jQuery To Retrieve Data from An XML File

In this tutorial, you will learn how to load data from an XML file onto a blank page. You will work with the $.get function and will also implement a loading gif while the information is being retrieved. You will be displaying a simple list of recommended web development books.

10. jQuery Data() Method Associates Data With DOM Elements

It allows you to associate any type of data with a DOM element. This data can, of course, be referenced later using the same keys.

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

No Reader comments

Learn JavaScript for free!
Free course: Introduction to JavaScript

Yours when you take up a free 14-day SitePoint Premium trial.