Best jQuery Tutorials and examples

Category: jquery    |    1,010 views    |    1 Comment  |   

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 webapplications. In this jQuery tutorials series we will show you how to use jQuery to develop nice ajax based applications.

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.

Learn jQuery and master it in no time.

  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. Downloading and installing jQuery
    In this section we will download and install jQuery for developing our demo application. jQuery comes as single js file. Read more…

     

How jQuery Works

Category: jquery    |    991 views    |    Add a Comment  |   

jQuery: The Basics

This is a basic tutorial, designed to help you get started using jQuery. If you don’t have a test page setup yet, start by creating a new HTML page with the following contents:

<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript">

    </script>
  </head>
  <body>
    <a href="http://jquery.com/">jQuery</a>
  </body>
</html>

Edit the src attribute in the script tag to point to your copy of jquery.js. For example, if jquery.js is in the same directory as your HTML file, you can use:

 <script type="text/javascript" src="jquery.js"></script>

You can download your own copy of jQuery from the Downloading jQuery page.

Launching Code on Document Ready

The first thing that most Javascript programmers end up doing is adding some code to their program, similar to this:

 window.onload = function(){ alert("welcome"); }

Inside of which is the code that you want to run right when the page is loaded. Problematically, however, the Javascript code isn’t run until all images are finished downloading (this includes banner ads). The reason for using window.onload in the first place is that the HTML ‘document’ isn’t finished loading yet, when you first try to run your code. Read more…

 

100 Best of jQuery Tutorials and Examples

Category: jquery    |    676 views    |    Add a Comment  |   

This article contains 100 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. Effects include: Simple slide panel, Simple disappearing effect, Chain-able transition effects, Accordion, Animated hover effect, Entire block clickable, Collapsible panels.

John Resig, creator of the JQuery JavaScript library and author of Pro JavaScript Techniques, is a Mozilla technologist focused on the relationship between Mozilla and the world of JavaScript libraries.


Featured Tutorials of John Resig

15 Days Of jQuery

15 Days Of jQuery-Fantastic tutorials and example code that takes you from zero to hero in no time flat.

Featured Tutorials of 15 Days Of jQuery

Learning jQuery

Learning jQuery- Getting to know the library of choice for unobtrusive JavaScript.

Featured Tutorials on LearningjQuery.com

Bassistance

Bassistance- Goes through the basics of jQuery, all the way up to building plugins. Read more…