Learning jQuery

jQuery’s built in preventDefault() method is a great way to prevent the default functionality of an element from occurring. It’s probably most commonly used to disable links. Maybe you want a certain link only to work under certain conditions (like for example, you only want it clicked if the user is on a desktop sized […]

It’s a really common practice in jQuery to use the dollar sign ($) prefix with your methods, like this: $(document).ready(function(){ $(#myDiv).slideUp(); }) The above code would make the div with the ID #myDiv slide up when the page loads. But that’s not the only way to write that function. Sometimes you might see it written […]

We’ve all seen those handy little “back to top” buttons, the one that usually appear at the bottom of a page once a user starts scrolling that, when clicked, will smoothly return the page back to the top position. Insert the following snippet into your projects to add a back to top button to your […]

In this post, find a compiled list of 15 jQuery based rating plugins to create rating system on your website. These plugins can use icon fonts, images, text or your own logo to create ratings. These plugins display ratings in the form of stars, smileys, bars, like/dislike button and thumb’s up/down. These plugins can be […]

Most developers will probably be able to tell you about how much they dislike working with iFrames. The content within the iFrames can’t be accessed with CSS, so if the frame doesn’t work with your site’s design, if the sizing is off, if you’d like to change the positioning of the content…you’re mostly out of […]

There’s a really handy .clone() method in jQuery that allows you to copy an HTML element dynamically using a script. This method comes in handy when you want to clone an element after a certain trigger event, like .click() or .hover(). Using the .clone() method is pretty straightforward. Here’s what you would need to do […]