The on() method attaches one or more event handler functions for one or more events to the selected elements. Event handlers attached using the jQuery on() method will work for both current and future elements i.e. dynamic element created by a script. Note: As of jQuery version 1.7, the jQuery on() method is the new […]
The jQuery one() Method attached a handler for the selected elements and executed at most once per element per event type. Using one() method, the event handler is only run ONCE for each element. Possible event values are: blur, load, focus, resize, unload, scroll, click etc. Syntax: This is the simple syntax for using this […]
Using jQuery you can clear form fields. Here I am going to describe, how we can clear all of the fields except a few using jQuery. Example of Clear form fields: <div id=”mainDiv”> <input type=”text” id=”txt1″ /><br/> <input type=”text” id=”txt2″ /><br/> <input type=”text” id=”txt3″ /><br/> <input type=”text” id=”txt4″ /><br/> <button id=”clearall”>Clear All</button> </div> Now, we […]
jQuery lets you a way to write down your own custom CSS methods. CSS Hooks directly into jQuery to override custom properties. I think you have written so many time in your website for different location. Isn’t it? $(“div”).css(“margin”, “0px 1px 2px 3px”); But using CSS Hooks, you can easily add the above code to […]
jQuery is a JavaScript library which is simple, light-weight, open source, cross browser and simplifies animations, event handling, and developing Ajax-based web applications and promotes rapid application development. Here are few jQuery tips: Check Element Exists if ($(“#element”).length) { … } Check Element Is Visible if($(“#element”).is(“:visible”) == “true”) { … } Disable Right Mouse Click […]
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 […]
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> […]
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. […]
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 […]
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 […]