How to get the selected value or text from a dropdown select html element.
This code snippet shows you how to capture arrow key presses to move an element around the screen.
This tutorial looks at how to combine the HTML5 video tag with JQuery dialogs for easy loading of multiple videos in a pop-out format.
jQuery's animate function allows you to create movement effects of page elements using their CSS selector. One of the parameters for the animate function is 'easing' which allows you to control the type of movement. By default, the easing effect will be set to 'swing', the only other option available with the jQuery core is 'linear', however adding jQuery UI opens up a whole load more options. This article takes a look at what's available and how to use it.
So I noticed some odd jQuery behavior the other day. When using the .removeClass() method it leaves behind an empty 'class' attribute title which is both unnecessary and invalid code (were you to run this through a validator you would get "CLASS" is not a member of a group specified for any attribute). This code snippet looks at how you can get rid of the empty class attribute after using the jQuery removeClass method.
This article looks at using jQuery unbind to remove a click event after the first click. As an example we'll be creating a simple search box the gets displayed on first click and would do the search on second click.
In this article we'll be looking at creating a responsive content slider using basic HTML, CSS and JQuery. This is a great way to provide some nice visual transitions for your visitors while maintaining accessability on different platforms.
The following code snippet is a quick and easy way to selectively create a list from options in a secondary multiselect box. As it's multiselect you'll be able to move more than one option to the other list at the same time.