2010 18 Mar
JQuery is light weight, open source, cross-browser JavaScript library found in
2006, and later new versions and plug-in were released.
JQuery is available for download at
http://www.jquery.com in two versions, the original and the compressed one.
The original one is used in development because it contains spaces, comments and
the variable names are long and more understandable while the compressed one is
used on deployment workspaces since it’s easily downloaded to clients’ browsers.
In the same way, we can download JQuery UI plug-in from
http://jqueryui.com/download by
selecting the theme along with components needed. JQuery UI comes with four
components:
- Core UI - It is mandatory for working with widgets, interactions, effects properly.
- Interactions - It will help to make elements draggable, droppable, selectable etc.
- Widgets - It provides UI elements like tabs, dialogs, slider etc.
- Effects - It adds effects like slide, shake, highlight etc to an element.
Benefits of using JQuery:
- Allows manipulating elements in DOM in an efficient manner using selector syntax.
- Allows altering the HTML document content dynamically like element insertions.
- Adds effects like fading, shaking to DOM elements.
- Can retrieve information from server without a postback or refreshing the page by using $.get(), $.post(), $,ajax() methods.
- Cross-browser support makes it to work consistently on all browsers. JQuery provides this feature by an abstraction layer.
- JQuery works on sets. It means, there is no need of iteration statements or loops for applying a style or action on a set of elements.
- Reduces lines of code by using chaining. Chaining allows a method to return an object itself as a result all the time, reducing usage of temporary variables.
- It is extensible. We can write our own plug-in, which will work on top of JQuery.
- Its syntax is based on CSS selectors. This feature makes designers to learn JQuery quickly.
Later on, I’ll go more into details in demonstrating the capabilities of JQuery threw more posts.
Thank You Related:
Introduction to JQuery - part 2 .
