Learning jQuery

If you're not already familiar with code snippets, they are handy time savers! Essentially, the feature you want to implement is already created by someone else and is available for reuse. Handling CSS with jQuery can sometimes be tricky and time consuming. This post provides a list of useful jQuery code snippets for handling CSS […]

Using method chaining in jQuery helps to ensure that your code stays as lightweight as possible. Method chaining allows you to apply many methods to one single selector, thus limiting the amount of times you have to re-write the same selector over and over again. To see how it works, here’s some jQuery code that […]

Image sliders are useful for showing multiple images with cool animations to catch a user's attention.  Having an image slider/slideshow is a very common functionality that you may find on any website. Creating a simple image slider is pretty easy and it can be implemented easily with jQuery. There are tons of plugins available for […]

Tipsy is a jQuery plugin that creates a Facebook like tooltip effect generated from an anchor tag’s title attribute. It’s easy to use, really lightweight, and super customizable. One of the coolest things about the plugin is that it allows you to specify the so-called “center of gravity” of the tooltips, or where each individual […]

If you cache your jQuery elements, it means that you store an element as a variable so that you can re-use that element without your jQuery having to re-query the DOM in search of it every time you want to apply some code to that element. It’s not always necessary, but in cases where you […]

jQuery’s .show() and .hide() methods can be used to show or hide any HTML elements on a page. Usually, the methods are used as the results of a trigger event (for example, if an item is either hidden or shown based on a click event) or used with a timer function so that something hides […]