The Document Object Model (DOM) is an application programming interface (API) for valid HTML and well-formed XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated.
With the Document Object Model, programmers can build documents, navigate their structure, and add, modify, or delete elements and content. Anything found in an HTML or XML document can be accessed, changed, deleted, or added using the Document Object Model.
You can manipulate DOM elements with the help of numerous jQuery DOM Plugins available online. With these plugins you can manipulate your web page HTML and media elements easily.
So, here is the list of jQuery DOM Plugins below.
1. Filterjitsu
Filterjitsu is a jQuery plugin to filter DOM elements based on search query params in the URL. It filters simply by data attributes, making few assumptions on the structure of your DOM.
There are many ways to filter data on the backend before serving it to the client. Filterjitsu is specifically meant to be used on cached HTML pages served from a CDN, relieving filtering from the backend and allowing for fast page loads.
Demo & Download
2. Focusable
An awesome and lightweight library for performing spotlight in your DOM elements, setting an animated overlay to the rest of the page.
Demo & Download
3. oriDomi
oriDomi is a JavaScript library for folding up any HTML element just like a paper. Oridomi has jQuery support and only works in modern browsers that support CSS 3D transforms. oriDomi has touch support and works on iOS.
There are multiple effects provided: accordion, reveal, curl, collapse, ramp, foldUp, unfold and reset.
Demo & Download
4. MagicMove
Magic Move is a jQuery plugin to do transitions between DOM states. Magic Move is a better way of doing transitions and, rather than hard coding positions, delegate layout to the browser.
Demo & Download
5. Dragarrange
A very basic jQuery plugin to shift element position by drag. If you are looking for a library which can be ordered/arranged by drag, you are at right place. This plugin doesn’t require any CSS change, just call the function on elements you want to be arranged, and you are done.
Demo & Download
6. DOMtastic
This is a small, fast, and modular DOM & Event library for modern browsers. It has same familiar API as jQuery (but without the extra “weight” of modules like $.ajax, $.animate, and $.Deferred). And only weighs in at only 1KB to 12KB (minified), depending on included modules. Full bundle is about 4KB gzipped, also works great stand-alone or paired up with e.g. Backbone or Angular.
Demo & Download
7. jQuery Odometer
Playing around with the idea of a flexible text-effects jQuery plugin that detaches elements from the dom, does stuff to them, then reattaches them.
Demo & Download
8. jQuery++
jQuery++ is a MIT licensed collection of extremely useful DOM helpers and special events for jQuery 1.7 and later. jQuery++ is not a UI project like jQuery UI or jQuery Tools. Instead, jQuery++ is all about providing low-level utilities for things that jQuery doesn’t support.
Demo & Download
9. Yako.js
A tiny DOM-less graph library, build for fast front end and server side rendering in CommonJs pattern. This library is intend to generate light weight and simple SVG graphs, and is more performable compare to highcharts / flot / c3 / d3 when front end matters.
Demo & Download
10. jQueryDragmove
Lightweight jQuery extension for enabling draggable functionality on DOM elements without requiring the jQuery UI library. Compatible with trackpads, touch devices, and standard computer mice.
Demo & Download
11. jQuery Picturetape
jQuery picturetape is plugin that tape your pictures to any DOM element with flexible positioning.
Demo & Download
12. Fixtop
jQuery plugin to fix DOM element to the top when a page scrolls to its position.
Demo & Download
13. SortedList
SortedList is a jQuery plugin to sort a list of DOM elements the way you want. Think about LI, TR, OPTION and even DIVS.
Demo & Download
14. Box2d
jquery.box2d.js is a simple jQuery plugin that transforms DOM elements into actual physical objects.
Demo & Download
15. Pinch Zoomer
PinchZoomer is an easy to setup jQuery plugin for mobile and desktop that adds pinch to zoom / mouse scroll zoom function to your HTML content.
This plugin can adapt to any screen size so you will have an optimal viewing experience whether you are using desktop or mobile devices. You can add multi-touch zooming capability to as many content as you want in one page.
Demo & Download
