jQuery

Smooth Scrolling To Internal Links With jQuery

jQuery allows you change the way you interact with your website with very little code. jQuery has an animate function which allows you to animate anything that jQuery does, including scrolling. Anima...

Handle Image Loading Errors With jQuery

If an image can't load correctly in the browser it will do a number of things depending on what browser you are using. It will either display a ? question mark image or will just display nothing. Whe...

How To Disable Enter Key On Forms

On HTML forms if you are filling out a text box and press the enter key it will submit the form, even if you haven't finished filling in the rest of the information. There are many websites which use...

How To Work Out Distance Between Mouse And Element

In the tutorial today you will learn how you can use jQuery to get the distance of the mouse from a certain element on the page. This bit of code can be useful on a small web app which has a lot of u...

Fallback on Local jQuery If CDN Fails

Many big websites are now offering CDN services for things like jQuery. Google offers a few of the biggest Javascript libraries from their own CDN network. Microsoft also allows you to use a CDN to i...

How To Create An Animated Scroll To Top Button With jQuery

Creating a good user experience on your website is very important to keep people on the page. The best way to create a good user experience is to make it easy for people to use, if your site is diffi...

Toggle Show/Hide HTML Element

Below is different ways you can show or hide content. Javascript Is a function using raw Javascript which is passed an ID of a HTML element. We then use the getElementById function to get the element....

Build A jQuery Image Gallery

Displaying images galleries on your web pages can be very complicated, much like the jQuery modal boxes, today you will learn a very simple way to create a nice looking image gallery in CSS and jQuery...

How To Build A Slideout Feedback Form In jQuery

Demo Download You may have seen this before on many sites but it's a feature which I like and I have been asked how you would implement this feature. In this article I am going to show you how you wou...

Switch Stylesheets With jQuery

Jquery makes it very easy to manipulate the the DOM, this makes it so easy to change any element on your webpage. One of those elements is the reference to your stylesheet, so using jQuery you can ea...

How To Create A Simple Modal Box With JQuery

There are loads of plugins out there to use for a modal box but some of over complicated for this simple task of showing a message on the screen in a lightbox. I decided that I would build my own and...

Create Sticky Notes To-Do List In CSS And JQuery

In this tutorial you will learn how you can create your own simple To-Do list using CSS and JQuery. First you will design the To-Do list, this is going to be a simple form where you can quickly add y...

Validate Date Of Birth And Set Age Limit In jQuery

Using jQuery you are able to easily work out the age of a person by the date of birth. If you can work out the age you can add a age limit to stop under aged visitors from continuing into the link. T...

Process Each Node Of XML In JQuery

JQuery is a very useful tool to use to loop through elements, this is because of the each function. It will loop through each of the elements it has in the jQuery object, this can be a HTML dom elemen...

How to check if checkbox is checked using jQuery

I needed to find if a checkbox was checked in jquery but I knew of multiple ways to do this. But I wasn’t sure of the best way to perform this task. Still I haven’t decided on the best way to do this...