Jquery Events Tutorial for beginners - PowerPoint PPT Presentation

About This Presentation
Title:

Jquery Events Tutorial for beginners

Description:

jquery events tutorial covers events basics,various types of events like form, keyboard, mouse events,event object properties,events handler basic introduction and handler attachment methods to carryout user's actions on web pages. – PowerPoint PPT presentation

Number of Views:269

less

Transcript and Presenter's Notes

Title: 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
Write a Comment
User Comments (0)
About PowerShow.com