Learning jQuery

Just like in CSS, it’s possible to use jQuery to select the children of an element and apply jQuery to them. This can be done using jQuery’s .children() method. The method works pretty much like any other jQuery method — to select all of the children of an element, use the parent element as the […]

1. Back to Top Button $('a.top').click(function(){ $(document.body).animate({scrollTop : 0},800); return false; }); This code can be used to create a smooth, simple back to top button — a trendy and functional item to have on any website. Just make sure you use this HTML code or something similar (with the a tag having a class […]

With jQuery, it’s super easy to make something happen as a result of something else being clicked using the .click() method. All you need to do is pass a function through the .click() method. The .click() method will be the trigger event (make sure you use a selector to indicate which HTML element being clicked […]

Sometimes the coolest jQuery plugins are the ones that really don’t serve a purpose at all.  1. Bacon! Bacon! (don’t forget the exclamation point!) exists literally to add strips of bacon to your webpages. If you ever feel like you might need to spice up a dull page or a boring block of text…why not […]

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 .resize() method is a cool way to have an event triggered or have a function executed when something is resized. For the purposes of this tutorial, we're going to show you how to use the .resize() method to trigger an alert method whenever the window is resized. You might be surprised at how easy […]