Learning jQuery

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 […]

In jQuery, there several different methods that can be used to make an element fade in and out of view. They are: .fadeIn(), .fadeoOut(), .fadeToggle(), and .fadeTo(). .fadeIn() and .fadeOut() are pretty self explanatory. When triggered, it is used to have items either fade in or fade out, respectively. .fadeToggle() is used to toggle between […]

jQuery’s .one() method is a really cool method that, when used, will trigger a function attached to a certain selector or element only once. Normally with jQuery methods, they will occur as many times as the trigger event is triggered, but when you use the .one() method, the code that it’s attached to only gets […]

If you want to include a “check all” option in any of your projects, it’s actually pretty easy to do using jQuery. The snippet below demonstrates how to include a check all button that will check all of the inputs that fall within one fieldset tag. To start, make sure your HTML looks something like […]

There are so many free jQuery calendar projects out there that it can definitely be overwhelming when it comes to choosing one to include in your next project, which is why we’ve compiled this handy list of hand-picked FREE and lightweight jQuery calendar plugins. Each plugin on this list is easy to install, user-friendly, and […]

A cool thing that jQuery allows you to do is enable and disable certain elements based on particular conditions. The following snippet shows you how to enable a submit button that has been disabled if text has been entered into an input field. If the input field has a value, then the form can be […]