Beginner

How to Use jQuery to Dynamically Open Links in New Tabs

Even if you're a new or beginning developer, you probably know that you can easily make links open in new tabs by using the target attribute with your anchor tags. To make a link open in a new tab, all it takes is to make your HTML look like this: <a href="/link/" target="_blank"></a> The target="_blank" […]
Read the rest of this entry »

How to Use JavaScript to Detect Browser

Wouldn't it be nice if all of our code looked the same and worked the same no matter what browser our users are viewing our projects or web pages on? That's the dream, right? Unfortunately, cross browser compatibility isn't something that a site can achieve without adding some extra code. There a few ways that […]
Read the rest of this entry »

How to Use jQuery’s Mouse Methods

jQuery has 4 event methods that have to do with cursor movement. The methods are .mouseenter(), .mouseleave(), .mouseup() and .mousedown(). All of these methods can be used to trigger events and execute code based on when and where the user's cursor moves. In terms of syntax, they're fairly simple and straightforward to use, but they […]
Read the rest of this entry »

How to Verify User Age with jQuery Code

If you've ever visited a site that's selling a product that has certain age restrictions (for example, a site selling or representing an alcohol brand might prompt you to verify that you're over 21 before you're allowed access to the site), you might have come into contact with an age verification form. It turns out, […]
Read the rest of this entry »

How to Use jQuery’s .queue() Method

jQuery's .queue() method is one that is actually an effect method. The .queue() method can be used to show the length of the queue for a particular selected element. The queue is the list of functions in line to be executed on a single selected element. So if you've got an element with five different […]
Read the rest of this entry »

How to Use jQuery’s .select() Method

jQuery's .select() method is not a super popular or commonly used jQuery event method, but it can be very useful. A select event occurs when text within a text area or text input field is selected (highlighted) by a user using the cursor. Basically, the only time you would use it is if you want […]
Read the rest of this entry »