Introduction to jQuery

What is jQuery

Jquery is a javascript library which has made my life a lot easier.

From jquery.com

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

Why jQuery

• Working will plain javascript is very cumbersome.
• You do not need to worry about browser compatibility if you use jQuery.
• There are many plugins available, so almost every time you need some functionality, you will find a plugin for it.
• There is huge community support.
• Its very easy.

What can be done with jQuery:

• Modifying HTML page based on some events
  • Hide/show parts of page on some events like clicking a link/checking a checkbox etc
  • On clicking a check box check all the checkboxes
• Client Side Validations
• Animation
• Ajax interactions

And lots more, see below for some examples

Show me some examples

Jquery UI Plugins

• Datepicker
• Autocomplete
• Tabs
• Accodion
• Dialog
• Sortable list
• Slider

Animation and Effects

• Show
• Hide
• Expand and contract
• 10 stunning examples of jQuery Animations.
• Text effects.

Third party plugins

• Client Side validations.
  • jquery validator
  • Valid8
• Tree
• Grids
  • Datatables
  • jqGrid
• jQuery spread sheet
• Graphs
  • jqPlot
  • Flot
  • Google charts with jquery

• Menus

  • Superfish.
  • Navigation
    tutorial
  • Dropdown Menu The tutorial
  • More.
• Image popup/Light box
  • Light Box
  • Image Fly Out
• Replacement for alert, prompt, and confirm
• Masked Inputs
• Auto grow text area
• Input Hints

Many more are there, the list will be very long if I add every thing. And as I write this or as you read this, some one, some where is building another plugin .

How to learn jQuery

You are at the right place . Wait for more posts.
Till then you can explore http://docs.jquery.com/Tutorials

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.