Top 10 jQuery Data Handling Plugins

Sam Deering

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.
Simplified-Data-Handling-for-jQuery-–-Amplify-.jpg
Source


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.
The-Power-of-jQuery-data-and-a-Practical-Example-.jpg
Source


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.
jQuery’s-Data-Method-–-How-and-Why-to-Use-It-.jpg
Source


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.
Using-jQuery-To-Manipulate-and-Filter-Data-.jpg
Source


5. XML Parsing Using jQuery

A tutorial on handling XML data in JavaScript.
XML-Parsing-Using-jQuery-.jpg
Source


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.
jQuery-Events-Handling-.jpg
Source


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.
Graceful-Handling-of-Anchors-with-jQuery-.jpg
Source


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.
jQueryUsing-Event-Handler-.jpg
Source


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.
Use-jQuery-To-Retrieve-Data-from-An-XML-File-.jpg
Source


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.
jQuery-Data-Method-Associates-Data-With-DOM-Elements-.jpg
Source

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

No Reader comments

Comments on this post are closed.