Learning jQuery

Showing/hiding any HTML DOM element is a common scenario based on various business requirements. Since the time of SPA (single page application) is evolved, you will find that on scroll position of browser, new elements are shown and previous elements are hidden. There are tons of jQuery plugins available which can show/hide any HTML element […]

When you use method chaining in jQuery, it ensures that you never have to use the same selector more than once. Over-using a selector can seriously slow down your code, as every time you call on a selector you’re forcing the browser to go looking for it. By combining or “chaining” multiple methods, you can […]

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