JQuery Events Tutorial videos for beginner - PowerPoint PPT Presentation

About This Presentation
Title:

JQuery Events Tutorial videos for beginner

Description:

Courseing provides jquery events tutorial videos for beginners which covers jquery events basics and various types of events like form,keyboard, mouse events also event object properties that jquery provides,events handler basic introduction and their attachment methods to process the visitor's movements on web sites. – PowerPoint PPT presentation

Number of Views:67

less

Transcript and Presenter's Notes

Title: JQuery Events Tutorial videos for beginner


1
JQuery Events Tutorial Videos for Beginner by
2
Highlights
  • Events Introduction
  • Event Handler Attachment methods
  • Event Object Properties
  • Event Types

3
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.

4
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.

5
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.

6
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 

7
Event Types
  • Jquery events are three types, they are

8
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

9
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!
10
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