Posts | Comments | Email

Featured Posts

Using jQuery to make a fade in button

Using jQuery to make a fade in button

Today we will be looking at using jQuery to make a button with two states, a normal state and a hover state. But instead of making it change immediately, we will be making a nice fade in effect using, you guessed it, jQuery's fadeIn() function. First up, lets have a look at our CSS: [cc lang="cs

02.9.2011 | Easy, Featured | admin

45 Comments

Request a jQuery tutorial

Hello everybody. Today we are doing something different, we are asking you what tutorial you would like to see on usingjQuery.com. Let us know by requesting a tutorial on the comment form and we will see what we can do

12.8.2010 | General | admin

51 Comments
Making a swoopo style count down timer with jQuery

Making a swoopo style count down timer with jQuery

Today we will be using jQuery to make a swoopo style countdown timer clone. Out timer will count down from a set amount, but when an element is clicked, more time will be added to the timer. Let's begin. Frist, out html: [cc lang="html"] click [/cc] We have created to a div wi

11.14.2010 | Featured, Medium | admin

48 Comments
Using jQuery for form validation

Using jQuery for form validation

Today we will be looking at using jQuery for some really easy form validation. We will be looking at the real basic here and keeping it real simple. Enjoy First, lets make a form with a text field and a submit button: [cc lang="html"] [/cc] Ok, so we have a form with a class

10.25.2010 | Easy, Featured | admin

4 Comments
Using jQuery to animate a div

Using jQuery to animate a div

In this post we will be looking at jQuery's animate event. What does animate do? Elementary my dear Watson, it animates stuff! We are going to be making a div that when clicked (using jQuery's click event) moves across the screen, and when clicked again, moves back to it's original position. We will

10.20.2010 | Featured, Medium | admin

47 Comments
Using jQuery - javascript for beginners

Using jQuery – javascript for beginners

In this post, we will be looking at some very basic javscript for people new to javascript (and jQuery). Lets get it on! First thing to learn is how and where to use javascript. Javscript can be placed pretty much anywhere on your page, although it is generally placed in the head section of your

10.19.2010 | Easy, Featured | admin

97 Comments
Using jQuery's this selector

Using jQuery’s this selector

In this tutorial we will be looking at jQuery's this selector. What's a this you ask? Lets look at an example: [cc lang="html"] Cat Rat Hat [/cc] What we have there is an unordered list with 4 list items all with the class "option". Now lets pretend that we want to apply a

10.14.2010 | Easy, Featured | admin

107 Comments
Using jQuery's click event

Using jQuery’s click event

In this tutorial we will be looking at jQuery's click event. Remember the old onclick() stuff used with javascript? Well that's dead, and jQuery's click is the new king. Here is a snippet: [cc lang="javascript"] $(document).ready(function(){ $('.clickable').click(function(){ alert(

10.13.2010 | Easy | admin

113 Comments
Using jQuery with the Yii framework

Using jQuery with the Yii framework

The Yii framework is my personal favorite PHP framework by miles. Today we are going to be learning about using jQuery with the Yii framework. Why is this any different from using jQuery in any other way? Because Yii has some clever built in jQuery functionality that will help speed up your site by

10.12.2010 | Featured, Master | admin

92 Comments
Using jQuery to post a form with ajax

Using jQuery to post a form with ajax

In this tutorial we will be using jQuery to post a form with ajax. Basically, that means we will be posting data captured in a form to another page to get processed, and we will be getting the result back without reloading the page. I have kept this tutorial very simple, as loads of the jQuery ajax

10.12.2010 | Featured, Medium | admin

53 Comments