Learning jQuery Hover Event – .hover()

Last Updated: January 8, 2018

jquery hover

The jQuery Hover event - .hover() is fired whenever mouse pointer is placed over an element. The .hover() event triggers both mouseenter & mouseleave events. (more…)

Multiple ways of using jQuery On Method – .on() – in your Website

Last Updated: January 1, 2018

jquery on

The jQuery On .on() attaches one or more event handlers to selected elements. You can use .on() to attach event handlers for both current and dynamically generated elements. (more…)

Understanding the jQuery scrollTop Method with Examples

Last Updated: December 24, 2017

jquery scrolltop

If you are working with vertical scrollbar of an element then the jQuery scrollTop method is built for you. With this method you can either set the position of scrollbar or get its position. Remember, if the scrollbar is at the top then scrollTop() will return 0. (more…)

How to use jQuery Click Event .click()

Last Updated: December 23, 2017

jquery click

The jQuery Click event - .click() is fired whenever an element is clicked. (more…)

Understanding jQuery Mousemove Event – .mousemove()

Last Updated: December 23, 2017

jquery mousemove

The jQuery Mousemove event provides real time X and Y coordinates of the mouse pointer. You can use it to find the position of your mouse moving over an element. (more…)

What is jQuery CDN and how to you use it in your website

Last Updated: December 23, 2017

jquery cdn

The jQuery CDN is a way to include jQuery in your website without actually downloading and keeping it your website’s folder. There are a number of jQuery CDN which you can use, examples - Google, Microsoft, Cloudflare, jQuery own CDN & more. (more…)

Select elements with their index using jQuery Eq Method – .eq()

Last Updated: December 23, 2017

jquery eq

The jQuery Eq method is used to select elements by their index. The index in jQuery always starts with 0. (more…)

jQuery fadeIn & fadeOut Methods

Last Updated: December 23, 2017

jquery fadein fadeout

jQuery has 2 fading methods which are .fadeIn() and .fadeOut(). The fadeIn method displays the element by fading it to opaque. The fadeOut method hides the element by fading it to transparent. Note – jQuery does the fading by changing the opacity of the element. (more…)

jQuery Datepicker 2 minutes Tutorial – before you start using it in your website

Last Updated: March 21, 2018

jquery datepicker

If you want to let users select a Date from a calendar, for your input control, then use jQuery Datepicker plugin. The Datepicker (which is actually a calendar) will show in a small popup when the input control gets the focus and will close when the input control loses focus. (more…)

Learn jQuery DataTables in 2 minutes

Last Updated: December 22, 2017

jquery datatables

DataTables is a powerful jQuery plugin for creating for displaying information in tables and adding interactions to them. It provides searching, sorting and pagination without any configuration. This 2 minutes tutorial you will learn the basics of DataTables and how to use it in your website. (more…)