Clik here to view.
How to Use jQuery’s .one() Method
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...
View ArticleClik here to view.
jQuery’s .fade() Method
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...
View ArticleClik here to view.
Show/Hide HTML Elements Using 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...
View ArticleClik here to view.
Caching Elements in jQuery
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...
View ArticleClik here to view.
How to Create a Simple Image Slider Using jQuery
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....
View ArticleClik here to view.
Form Validation Snippets: Email Validation with jQuery
With jQuery, it’s possible to write code that executes client-side validations for your forms and input fields. A common validation to make is to check whether or not an email address that’s entered...
View ArticleClik here to view.
How to Refresh One Section of a Page
There are plenty of times where you might want to refresh only part of your page’s content, leaving the static content to be, well, static, and refreshed at the user’s discretion. Reloading an entire...
View ArticleClik here to view.
Handy jQuery Code Snippets for Textboxes
Code snippets are great time savers as these are essentially just reusable pieces of code. Implementing client side validations can be done using jQuery, as well as some other basic tasks like...
View ArticleClik here to view.
How to Find the Coordinates of Your Mouse Position
Did you know you can use jQuery to find the coordinates of your cursor? It only takes a few lines of code to get the x and y coordinates of where the mouse is positioned on a page. With these...
View ArticleClik here to view.
6 Unique jQuery Plugins for Background Effects
Ever feel like the backgrounds of your web pages always end up being just a little bit boring? As a web developer, it can be hard to determine how to add some life into your backgrounds, and it can...
View ArticleClik here to view.
How to Use jQuery to Detect Devices
The great thing about jQuery is how it enables you to dynamically make changes to your code based on certain events or conditions. One such condition that might cause you to want to make changes to...
View ArticleClik here to view.
How to Use jQuery’s .delay() Method
jQuery’s .delay() method is one that can be used, probably quite obviously, to delay code from being executed. In particular, it can be used to make certain actions or animations last longer because...
View ArticleClik here to view.
Different Methods of Error Handling in jQuery
Errors are part and parcel for code. That being said, they can certainly result in a very bad user experience, especially if errors are not handled properly. Every code becomes perfect or bug free...
View ArticleClik here to view.
3 jQuery Snippets for Handling CSS Classes
CSS isn’t really a very dynamic or flexible language, but with the help of jQuery, it’s easy to make certain styles dynamic and changeable with just a few simple lines of code. What follows are 3...
View ArticleClik here to view.
How to Implement Automatic Scrolling with jQuery
Automatic scrolling is a feature that causes a web page to scroll down automatically at a predetermined and configurable rate. This is quite a useful feature for websites that contain long articles,...
View ArticleClik here to view.
3 Useful jQuery Snippets for Handling Table Data
Do you want the ability to be able to dynamically edit and manage your tables? With jQuery, it’s pretty easy to get data and change table elements dynamically using only a few lines of code. The...
View ArticleClik here to view.
How to Dynamically Resize an iFrame
We’ve already talked about how, as developers, iFrames can sometimes be our worst enemies. Because their content is often hosted on another server (as well as their stylesheets), they can be a huge...
View ArticleClik here to view.
How to Sort HTML Table Using jQuery Code
HTML tables are useful for displaying data in a tabular format. Tables tend to look elegant and clean. However, HTML tables are even more useful when data is sorted in columns in an ascending or...
View ArticleClik here to view.
How to Use Media Queries with jQuery
The evolution of smartphones and tablets has forced website owners to integrate mobile/tablet friendly (or responsive design) techniques. The creation of responsive design websites has subsequently...
View ArticleClik here to view.
How to Increase Conversion Rates with Ouibounce
One surefire way to increase conversion rates on your landing pages is to include some sort of pop-up, be it one that appears as soon as your user visits the page, or an exit pop-up that appears when...
View Article