Categories
Html5 jQuery

Top 5 jQuery HTML5 Audio Players

Top 5 jQuery HTML5 Audio Players based on free and open source (MIT) media library which is written in JavaScript library. All these jQuery HTML5 Audio Players plugin allows you to rapidly weave cross platform audio and video into a web page. 1. HTML5 jQuery Music Player This is a matching jQuery plugin for music […]

Categories
jQuery

Move an element into another element in jQuery

Move the HTML content (including all children) of one element into another element with the help of jQuery. So, let’s see how to move an element into another element. Suppose, you want to move one DIV element inside another div. For example, this div element: <div id=”sourceDiv”> … </div> Into this: <div id=”destinationDiv”> … </div> […]

Categories
jQuery

Getting all element attributes values in jQuery

Here is little example of getting element attributes values with the help of jQuery and store them in an object. The element’s attributes property is incredibly handy when we want to see what attributes are present in the element without explicitly knowing which to look for. The attributes property provides an easy level of dynamism. […]

Categories
jQuery

5 Free jQuery Scroll to top Plugins

There are free jQuery Scroll to Top plugin which is a small piece of code that lets you add a scroll to top button at the bottom right of your web page. This will enable your website visitors to scroll easily back to the top of the page while they are browsing. The “scroll to […]

Categories
jQuery

Differences Between jQuery .bind() vs .live() vs .delegate() vs .on()

In this article you will learn the difference between bind vs live vs delegate vs on methods for adding event handlers to elements. Developers are little bit confused about what the actual differences are between the jQuery .bind(), .live(), .delegate(), and .on() methods and how they should be used. Let’s start with some common HTML […]

Categories
jQuery

10 best jQuery Notification plugin

jQuery Notification plugin helps you to create various notification messages such as success, error, alert and simple notification. This notifications messages are very helpful to get the actual feedback from any visitors about the status success or failure of task that is being carried out. For this roundup we have chosen 10 Best jQuery Notification […]

Categories
jQuery

Switch List/Grid View using jquery

In this tutorial you can get strong and good introduction to switch list grid view layouts of any HTML listing with jQuery. A common web interface feature is dynamic view switcher and you’ll find sometimes buttons to change the layout of a web page from display lists to smaller grids. Let’s coding the basic HTML: […]

Categories
jQuery

jQuery data attributes

jQuery data attributes allows us to store extra information or return the value at the named data which will be associated with a particular element. Syntax of data attributes: This is very simple. On any elements the attribute name starts with a data-* where you can store extra information which does not represent visually. <div […]

Categories
jQuery

Remove li elements of ul except first and last in jQuery

Trying to remove all li elements inside a ul except first and last elements in jQuery? Here is the code to do this. Suppose, you have a ul li list and you need to remove all the li elements inside it except first and last li. So, to remove from all ul-s on the page […]

Categories
jQuery

Check parent checkboxes in nested ul li – jQuery

Sometimes in jQuery we need to select all checkbox that are child of a element or depends on child checkbox we need to select top most parent checkbox. You need to iterate all children for which the parent you click in and the same way for a child we need to check top most parent. […]