jQuery plug-ins

jQuery the essential interaction tool

get your engagement game on!

j-query 65%

prototype 13%

yui 10%

mootool 9%

scriptaculous5%

dojo 1.5%

What is jQuery?

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. jQuery is the most popular JavaScript library in use today, with installation on 65% of the top 10 million highest-trafficked sites on the Web. jQuery is free, open-source software licensed under the MIT License. jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and Web applications.

why shoud I use it?

jQuery promotes simplicity
jQuery makes animations like Flash
jQuery pages load faster
jQuery can be SEO friendly

How do I use it?

all you need is: A) downlaod/link the jQuery file to you document. B) jQuery has a content delivery network (CDN) that you can link to hosted by google

Where do i find Plug-ins

there are thousands of plugins to choose from! it doesnt have to be hard to find them, get access to over 3,000 plug-ins right now from jQuery's plug-in library

Browser support

Both versions 1.x and 2.x of jQuery support "current-1 versions" (meaning the current stable version of the browser and the version that preceded it) of Firefox, Chrome, Safari, and Opera. Version 1.x also supports Internet Explorer 6 or higher. However, jQuery version 2.x dropped Internet Explorer 6–8 support (that accounts for under 2% of all browsers in use) and supports only IE 9 and later versions.

step by step tutorial!

more plugins!

jQuery, at its core, is a DOM (Document Object Model) manipulation library. The DOM is a tree-structure representation of all the elements of a Web page and jQuery simplifies the syntax for finding, selecting, and manipulating these DOM elements. For example, jQuery can be used for finding an element in the document with a certain property (e.g. all elements with an h1 tag), changing one or more of its attributes (e.g. color, visibility), or making it respond to an event (e.g. a mouse click). jQuery also provides a paradigm for event handling that goes beyond basic DOM element selection and manipulation. The event assignment and the event callback function definition are done in a single step in a single location in the code. jQuery also aims to incorporate other highly used JavaScript functionality (e.g. fade ins and fade outs when hiding elements, animations by manipulating CSS properties).