• Home
• Ajax
• Jquery
• jQuery - jQuery Tutorials and examples

• Questions: Ask
• Latest
• Tutorials:Latest
• Topics

Ads

jQuery - jQuery Tutorials and examples

The largest collection of jQuery examples and jQuery Tutorials on the web. Learn and master jQuery from scratch. jQuery is nice piece of code that provides very good support for ajax. jQuery can be used to develop highly interactive web applications. In this jQuery tutorials series we will show you how to use jQuery to develop nice ajax based applications.

The jQuery is cross-browser JavaScript library and it helps the programmer's to develop cross-browser application easily. There are many available for the jQuery for different functionality. You can write your own plugin and then use it with jQuery.

You will learn how to download install and then start working with jQuery. We have also provided the demo of jQuery application. You can visit our jQuery demo section to view the running jQuery example.

View jQuery Demos:

We have created many examples of using jQuery. View the demo's here.

Learn jQuery step by step using the following tutorials:

Overview of jQuery

1. Introduction to jQuery - jQuery is great library for developing ajax based application. jQuery is great library for the JavaScript programmers, which simplifies the development of web 2.0 applications.
2. Features of jQuery - Learn the features of jQuery.
3. Downloading and installing jQuery - In this section we will download and install jQuery for developing our demo application. jQuery comes as single js file.
4. jQuery Hello World example
5. jQuery Hello World alert example
6. How jQuery Works?
7. How to use jQuery with other libraries
8. Introduction to jQuery utility functions

Introduction to jQuery selectors

1. What is selectors?
2. What is filters?
3. Use of jQuery selectors
4. Use of jQuery filters
5. Use of jQuery attribute filters
6. Child Filter
7. Visibility filter
8. Content filter
9. Basic filter
10. Form Element Selector
11. (I) Traversing through filtering    (II) Miscellaneous Traversing   (III) Tree traversal
12. CSS Selectors
13. Hierarchical Selectors
14. Understanding jQuery statement chaining

HTML page content manipulation

1. Creating, getting, and setting content using jQuery
2. Manipulating attributes
3. Inserting content
4. Wrapping, replacing, and removing content
5. Working with CSS

Working with Events in jQuery

1. Understanding the jQuery event handling mechanism
2. Binding and unbinding events
3. Event helpers
4. Using the jQuery event object
5. Interaction Helpers: toggle() and hover()
6. Example Code

Introduction to jQuery Animations and Effects

1. Hiding and showing elements on the page
2. Fading elements in and out example
3. Sliding elements example
4. Creating custom animations in jQuery
5. Example code of jQuery animation

jQuery UI widget and plugin

1. Introduction to jQuery UI widgets
2. Downloading and installing jQuery UI
3. jquery UI Interactions
   a)Draggable
   b)Droppable
   C)Resizable
   d)Selectable
   e)Sortable
   
4. jquery UI Widgets
   a)Accordion
   b)Autocomplete
   c)Button
   d)Datepicker
   e)Dialog
   f)Progressbar
   g)Slider
   h)Tabs
   
5. jquery UI Utility : position
6. jquery UI effects
7. jQuery UI Theming
   a)Theming
   b)Theming API
   c)ThemeRoller
   
8. Introduction to jquery plugin
9. Difference between jQuery UI widget and plugin
10. jquery plugin examples code

XSLT Transformations with jQuery - Lean how to transform xml with XSLT

1. Using the jQuery Transform plug-in
2. Downloading and installing jQuery Transform plug-in
3. Performing transformations
4. Handling transformation output
5. Passing parameters to XSLT stylesheets

Unit testing the jQuery Application

1. Introduction to the QUnit Framework
2. Developing a program to test
3. Using the QUnit to test jQuery application

More jQuery Tutorials:

Here are the list of useful tutorials of jQuery.

1. Getting Started with jQuery
   Many Getting Started examples for beginner.
    
2. jQuery Tutorial
   Collection of more than 100 tutorials on jQuery.
    
3. Server time Example
   In this first jQuery tutorial we will develop a simple program that retrieves the current time from server and displays on the user browser.
    
4. jQuery Load Content
   In this section you will learn how to load content of a text file using jQuery and show it on the use browser.
    
5. jQuery to Vertical Image Scroller
   In this first jQuery tutorial we will develop a  program that vertical image scroller
     
6. jQuery Toggle the Div
   In this JQuery tutorial we will develop a program that toggle the content of a Div
    
7. jQuery to text changes with fading effect
   In this first jQuery tutorial we will develop a  program that  text Changes with fading effect.
     
8. jQuery to text changes with sliding effect
   In this first jQuery tutorial we will develop a  program that  text Changes with sliding effect.
    
9. jQuery Drop Down Menu
   In this JQuery tutorial we will develop a program  to make Drop Down menu
    
10. jQuery chain-able  state of transition
    In this JQuery tutorial we will develop a program that changing the state of transition of box moving
      
11. jQuery To Simple tabs
    In this JQuery tutorial we will develop a program  to make simple tabs 
      
12. jQuery to Simple Image Scroller
    In this first jQuery tutorial we will develop a  program that simple  image scroller
      
13. jQuery To Slide Effects  tabs
    In this JQuery tutorial we will develop a program  to make Custom  tabs 
     
14. jQuery to Show Data Randomly
    In this first jQuery tutorial we will develop a simple program that Show Data Randomly  from server and displays on the user browser. In this example we will be calling a server side PHP script to get the Random Data.
      
15. jQuery to Post Data Check
    In this first jQuery tutorial we will develop a simple program that checking the data Post to server and displays on the user browser. In this example we will be calling a server side PHP script .
      
16. jQuery to Image Changes With Sliding Effect
    In this first jQuery tutorial we will develop a  program that  images Changes with sliding effect.
        
17. jQuery to Image Magnifier
    In this first jQuery tutorial we will develop a  program that  Image magnifier.
      
18. jQuery to Image Changes With Fading Effect
    In this first jQuery tutorial we will develop a  program that  images Changes with fading effect.
     
19. jQuery to "Hello World"
    In this  jQuery tutorial we will develop a simple program that print the Hello World  from server and displays on the user browser. In this example we will be calling a server side PHP script to get the "text".
     
20. jQuery To Fade Effects  tabs
    In this JQuery tutorial we will develop a program  to make Fade Effect  tabs 
     
21. jQuery to validate Email Address
    In this  jQuery tutorial we will develop a  program that validate the email address  from server and displays on the user browser. In this example we will be calling a server side PHP script to get the "result".
      
22. jQuery To Hide the Div
    In this JQuery tutorial we will develop a program that Hide of a Div
      
23. jQuery To Custom tabs
    In this JQuery tutorial we will develop a program  to make Custom  tabs 
      
24. jQuery to Select Multiple CheckBox
    In this first jQuery tutorial we will develop a simple program that retrieves the value of selected checkbox from server and displays on the user browser. In this example we will be calling a server side PHP script .
     
25. jQuery To callback tabs
    In this JQuery tutorial we will develop a program  to calling function on Tab
      
26. jQuery to Auto Image Scroller
    In this first jQuery tutorial we will develop a  program that auto image scroller
     

27. No Max-height Fixed
    In this JQuery tutorial we will develop a program that Auto generate of a Textarea with minimum fixed height but no max height fixed.

28. With Fixed Max-Height
    In this JQuery tutorial we will develop a program that Auto generate of  textarea  with fixed Max-Height.

Learn from experts! Attend jQuery Training classes.