Slide down elements using jQuery

In this lesson, you will learn how to show an already hidden web element by sliding it down and animating its height. Introduction to Slide down elements in jQuery The syntax for .slideDown() function is: .slideDown( [duration ] [, easing function ] [, callback function ] ) The slideDown() function animates the height of the selected... » read more

AJAX and jQuery

In this lesson, you will learn the basics of Ajax and how it used with jQuery. Introduction to Ajax If you search something for Google, it shows you a relevant list of suggestions without refreshing the page. This is achieved through Ajax. It is not a new technology but a term describe some of the... » read more

Form validation in jQuery

In this lesson, you will learn how to validate a web form using the jQuery. How to validate forms in jQuery? When collecting information from the web form, you want to make sure that the user enters all the mandatory required information, as well as the data being entered, is in the correct format. For... » read more

Understanding forms in jQuery

In this lesson, you will learn about the form handling in jQuery. Introduction to forms in jQuery Web forms provide a way of collecting information from users. The user can enter his/her shipping detail into web forms or write a message to send an email using these forms. Some sites are heavily based on user’s data... » read more

The ‘on’ function in jQuery

In this lesson, you will learn more about advanced event management. Introdunction to the ‘on’ function in jQuery The on() function is used in place of event-specific functions, like change or click. It allows you to specify an event, a function attached to that particular event, along with the additional parameters for the event-handling function... » read more

Hover event in jQuery

In this lesson, you will learn about the jQuery hover event, which is similar to mouse enter and mouse leave events. The hover event is fired when the mouse pointer enters and leaves the elements. Introduction to Hover event in jQuery The syntax of the hover event is: .hover(function_for_mouseIn(){}, function_for_mouseOut(){}); This is a short form of:... » read more

Keyboard events in jQuery

In this lesson, you will learn about the jQuery keyboard events: Keydown() and Keyup() events. These events are generally used with keypress() event, which is fired when the key is pressed. Introduction to Keyboard events in jQuery The syntax for these events are: Keydown(function(){}); Keyup(function(){}); The argument here is optional and if provided, executes every time... » read more

Select event in jQuery

In this lesson, you will learn about the jQuery select event, which is fired by the web browser when a user selects, completes or partial types in a text field or text area. Introduction to Select event in jQuery This event is limited to form elements: <input type="text"> and <textarea> boxes. When the select event is... » read more

Change event in jQuery

In this lesson, you will learn how to use change event categorized as form events in the jQuery. The change event is fired when the value of any element on the web page changes. This event is limited to form menus like <input>, <textarea> and <select> elements. Introduction to Change event in jQuery For selected elements... » read more

Submit event in jQuery

In this lesson, you will learn about the submit event in the jQuery. Introduction to Submit Event in jQuery Whenever a user enters input values of the form and submits it by clicking on the submit button, or by pressing enter, the submit event is fired by the web browser. You can catch this event... » read more

Focus event in jQuery

In this lesson, you will learn how to use focus event in jQuery to make web pages more interactive and alive. Introduction to Focus event in jQuery When a user clicks or tabs on a text field, it gets focused. In other words, it gets the web browser’s attention. This event is used mostly when you... » read more

Blur event in jQuery

In this lesson, you will learn about the blur event in the jQuery works. This event is a form-related event and is fired when a user tabs out of text field or clicks outside of the currently focused text field or area. This event is usually used to validate text field input date. Introduction to... » read more

Click event in jQuery

In this lesson, you will learn how to use click events in jQuery. The .click() function in jQuery binds a function (event handler) to the click event on a selected element. It allows you to make interactive web pages and perform a certain action whenever the click event is fired. Introduction of Click event in... » read more

jQuery Events

In this lesson, you will learn what events are and how they make web pages interactive. jQuery is an event-driven scripting language which means it adds interactivity to web pages and can do interesting stuff in respond of events. These events could be pressing a key, loading the page in the web browser, moving a... » read more

Delay animations in jQuery

In this lesson, you will learn how to delay effects or animations using .delay() function in jQuery. This function is used in a scenario where you want to delay a specific animation. It allows you to delay the execution of the following functions in a sequence or queue. Introduction to delay animations in jQuery The... » read more