Quantcast
Channel: Learning jQuery
Browsing all 82 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Add Pagination to HTML Table Using jQuery

Paging helps present data in a clean and elegant way and it can also improve the page load time. It helps by dividing extensive data into separate pages so that it can easily fit in the UI. In this...

View Article


Image may be NSFW.
Clik here to view.

Using jQuery to Get Page Load Time

If you ever find yourself needing to know how long it takes for one of your pages to load, we’ve got the snippet for you. There are many reasons you might want to understand how long a page load takes...

View Article


Image may be NSFW.
Clik here to view.

jQuery Bubbling Text Effect

This tutorial will demonstrate how to use CSS, jQuery, and JavaScript to create a really simple and cool text effect where it appears as though there are bubbles forming behind the text. After forming,...

View Article

Image may be NSFW.
Clik here to view.

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...

View Article

Image may be NSFW.
Clik here to view.

12 Awesome jQuery Virtual Keyboard Plugins

A virtual keyboard is a component that allows a user to enter characters without a physical keyboard. It’s an alternative input mechanism for those who cannot use a physical keyboard, or for...

View Article


Image may be NSFW.
Clik here to view.

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...

View Article

Image may be NSFW.
Clik here to view.

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...

View Article

Image may be NSFW.
Clik here to view.

Drag and Drop HTML Table Rows Using jQuery

HTML tables are the preferred UI option for displaying data. Sorting, paging and searching/filtering are must-have functionalities for any HTML table with extensive data. These functions make HTML...

View Article


Image may be NSFW.
Clik here to view.

Using jQuery to Count Child Elements

If you ever find yourself needing to know how many child elements an HTML element has, you’re in luck, because there’s a jQuery function for that. There are actually a few different ways you can go...

View Article


Image may be NSFW.
Clik here to view.

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...

View Article

Image may be NSFW.
Clik here to view.

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...

View Article

Image may be NSFW.
Clik here to view.

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...

View Article

Image may be NSFW.
Clik here to view.

Using jQuery to Delete All Inline HTML Styling

Inline HTML styling (when the style attributes for a particular element are written within the HTML tag) is not something that’s considered a best practice when it comes to HTML and CSS, and it’s...

View Article


Image may be NSFW.
Clik here to view.

JavaScript-Equivalent jQuery Code for Simple Tasks

Introduction There are developers who love jQuery and there are some who hate jQuery. The benefits of using jQuery now are debatable, but there was a time when solving the cross-browser issue was a...

View Article

Image may be NSFW.
Clik here to view.

Handling JSON with jQuery

JSON (JavaScript Object Notation) is a way to store information in an organized manner. It is the preferred data-interchange format as its shorter, lightweight, human-readable and requires no tags like...

View Article


Image may be NSFW.
Clik here to view.

Optimize your jQuery selectors for best performance

Introduction Over time, the data size has increased for nearly every application. Due to huge amount of data residing in various database servers, performance becomes the most important and integral...

View Article

Image may be NSFW.
Clik here to view.

20 Impressive jQuery Plugins to Replace the HTML Select Box

The traditional HTML select element is not very powerful out of the box, it lacks in more substantive features. Today, the web demands controls with multiple features for a user-friendly experience and...

View Article


Image may be NSFW.
Clik here to view.

Get HTML Table Cell Value Using jQuery

HTML tables are great for displaying data in tabular form and when implemented can also support features like sorting, paging, and filtering records. You may need to interact with the table to get its...

View Article

Image may be NSFW.
Clik here to view.

5 Useful jQuery Code Snippets For Developers

This post provides a list of 5 useful jQuery code snippets that every web developer must have in his kitty. These are useful for implementing different day-to-day tasks. These snippets can be used to...

View Article

Image may be NSFW.
Clik here to view.

Optimize your jQuery selectors for best performance

Introduction Over time, the data size has increased for nearly every application. Due to huge amount of data residing in various database servers, performance becomes the most important and integral...

View Article
Browsing all 82 articles
Browse latest View live