+91 98346 25788 sales@kwd.co.in

KWD Blog

Peak performers see the ability to manage change as a necessity in fulfilling their missions.



What is jQuery and its plugins

January 28 2014 Admin Technology , Computer Science

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

Multi-column sorting

  • Support secondary "hidden" sorting (e.g., maintain alphabetical sort when sorting on other criteria)
  • Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+
  • Website: www.tablesorter.com

Website:http://www.asual.com/jquery/address/

 

  • Easy to skin/style purely in css, no images required
  • Smooth animations when results load
  • Client-side result caching to reduce server load
  • Callbacks when items are added or removed from the list
  • Programatically add, remove, clear and get tokens
  • Website: http://loopj.com/jquery-tokeninput/

    Supports photos, grouping, slideshow, ajax, inline, and iframed content.

  • Appearance is controlled through CSS so it can be restyled.
  • Completely unobtrusive, options are set in the JS and require no changes to existing HTML.
  • Website: http://www.jacklmoore.com/colorbox/

    An exquisite jQuery plugin for magical layouts.

    Website: http://isotope.metafizzy.co/

    Pin:

    jQuery.Pin is here to help! Pin any element to the top of a container. Easily disable it for smaller screen-sizes where there's no room for that kind of shenanigans.

    Website: http://webpop.github.io/jquery.pin/

    This jQuery plugin makes simple clientside form validation easy, whilst still offering plenty of customization options. It makes a good choice if you’re building something new from scratch, but also when you’re trying to integrate something into an existing application with lots of existing markup. The plugin comes bundled with a useful set of validation methods, including URL and email validation, while providing an API to write your own methods. All bundled methods come with default error messages in english and translations into 37 other languages.

    Website: http://www.jqueryvalidation.org/

    jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQuery plugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and encouragement is provided by jPlayer's active and growing community.

    Website: http://www.jplayer.org/

    SVG (Scalable Vector Graphics) is a "modularized language for describing two-dimensional vector and mixed vector/raster graphics in XML". It is a W3C Recommendation currently at version 1.1.

    "SVG is a language for describing two-dimensional graphics in XML. SVG allows for three types of graphic objects: vector graphic shapes (e.g., paths consisting of straight lines and curves), images and text. Graphical objects can be grouped, styled, transformed and composited into previously rendered objects. The feature set includes nested transformations, clipping paths, alpha masks, filter effects and template objects."

    SVG is implemented in Firefox natively from version 1.5, Opera natively from version 8.5, Safari natively from version 3.0, and in IE from Windows 98 onwards via the Adobe SVG viewer or the Renesis Player. Not every SVG construct is supported by these implementations.

    This plugin allows you to manipulate the SVG from JavaScript. For more details see the reference documentation, or the graphing reference or plotting reference pages.

    Website: http://www.keith-wood.name/svg.html

    The Google Map version 3 plugin for jQuery and jQM takes away some of the head aches from working with the Google Map API. Instead of having to use Google event listeners for simple events like click, you can use jQuery click events on the map and markers.

    Website: https://code.google.com/p/jquery-ui-map/

    TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.

    Website: http://www.tinymce.com/

    jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.

    Interaction

    1. Draggable
    2. Droppable
    3. Resizable
    4. Selectable
    5. Sortable
  • Effects
    1. Add class
    2. Color Animation
    3. Effect
    4. Hide
    5. Remove class
    6. Show
    7. Switch class
    8. Toggle
    9. Toggle class
  • Utilities
    1. Position
    2. Widget factory

 

Tags: Jquery
← Previous Next →
comments powered by Disqus


Your form submited. We will get back to you shortly.

LET'S GET STARTED