Jquery Events Tutorial for beginners

1
CATCH EXPERTS
https//www.catchexperts.com
http//www.courseing.com
2
JQuery Events Tutorial Videos for Beginner by
3
Highlights

• Events Introduction
• Event Handler Attachment methods
• Event Object Properties
• Event Types

4
Events Introduction

• Visitor's actions on a web page are called
  events.
• Represents the users precise action moment
• Selecting buttons, clicking on elements so.etc
  are the events examples.
• Includes .click(), .focus(), .blur(), .dbclick()
  methods
• click() method attaches an event handler function
  to an HTML element.
• focus() method attaches an event handler function
  to an HTML form field.
• blur() method attaches an event handler function
  to an HTML form field.
• dblclick() method attaches an event handler
  function to an HTML element.

5
Event Handler Attachment methods

• Event handler is a function or method. Gets
  executed in response to an event.
• Attachment methods are as follows .bind(),
  .delegate(), .die(), .live(),
• jQuery.proxy(), .off(), .on(), .one(),
  .trigger(), .triggerHandler(), .unbind(),
  .undelegate()
• Bind method attaches handler to an event for the
  elements.
• Delegate method attaches handler to one or more
  events for all elements 
• Die method Remove event handlers previously
  attached using .live() from the elements.

6
Event Handler Attachment methods

• live method attaches event handler for all
  elements.
• Off method removes event handler of events.
• On method attaches event handler for one or more
  events to the preferred elements.
• One() method attaches handler to an event for the
  elements.
• Trigger() method executes all handlers and
  behaviors attached to the matched elements.
• TriggerHandler()method Execute all handlers
  attached to an element for an event.
• Unbind() method Remove a previously-attached
  event handler from the elements.

7
Event Object Properties

• Context property contains the original context
  passed to Jquery.
• Jquery property contains the jquery version
  number.
• jQuery.fx.interval change the animation firing
  rate in milliseconds.
• jQuery.fx.off property enable or disable all
  animations.
• jQuery.support is a combination of properties
  representing browser features or bugs.
• Length contains the number of elements in the
  jquery object 

8
Event Types

• Jquery events are three types, they are

9
Event Types

• Form events contains many methods to process user
  actions. They are .blur(), .change(), .focus(),
  .focusin(), .focusout(), .select(), .submit().
• Keyboard have some user interaction actions for
  web pages. keydown(), .keypress(), .keyup() are
  the various keyboard events.
• .click(), .contextmenu(), .dblclick(), .hover(),
  .mousedown(), .toggle(), .mouseenter(),
  .mouseleave(), .mousemove(), .mouseout(),
  .mouseover(), .mouseup() are the various types of
  mouse events

10
Feedback
Like It ? Hate It?
We would love to hear from you whatever you think
about the course.
Click HERE to share what you think!
11
Thank you
Thank You for Watching JQuery Events Tutorial
Videos for Beginner by
http//www.courseing.com