Category: jQuery Events

jQuery Events

Jquery checkbox toggle

Jquery checkbox toggle

For checkbox input type, when we tick checkbox we have enabled an input element enclosed in a div tag and when this checkbox in unchecked we hide the same. Example Output Checkbox checked Checkbox...

jquery slide toggle

jquery slide toggle

The .slideToggle() method animates the height of the matched elements. This causes lower parts of the page to slide up or down, appearing to reveal or conceal the items. If the element is initially...

jquery validations

jquery validations

We are using jquery validations engine which is a Javascript plugin aimed at the validation of form fields in the browser (IE 6-8, Chrome, Firefox, Safari, Opera 10). The plugin provides visually appealing prompts...

jQuery Toggle method

jQuery Toggle method

The toggle() method toggles between hide() and show() for the selected elements.   This method checks the selected elements for visibility. show() is run if an element is hidden. hide() is run if an...

Event Delegation

Event Delegation

Imagine that you have 100 paragraphs on a page and you want something to happen every time a user clicks one of them. Knowing what you do about jQuery, you would probably, quite reasonably,...

blur methods

blur methods

The blur() method attaches an event handler function to an HTML form field.   The function is executed when the form field loses focus

focus event

focus event

The focus() method attaches an event handler function to an HTML form field.   The function is executed when the form field gets focus:

mouseup event

mouseup event

The function is executed, when the left mouse button is released, while the mouse is over the HTML element

mousedown event

mousedown event

The function is executed, when the left mouse button is pressed down, while the mouse is over the HTML element: