jQuery Events Tutorial – jQuery Events Reference, jQuery Event Examples

Last Updated on: April 15, 2020   Posted By: Web Design Reference

jQuery Events Tutorial: Learn jQuery Event basic concept, Different Type of jQuery Events, jQuery Events Reference Guide, jQuery Events Examples. In this page to learn the jQuery Event definition, the Purpose of using jQuery Events, and how to use jQuery Events on a web page with examples. Follow and Like us on Facebook, Twitter, LinkedIn, Pinterest for the latest posts.

 

What are jQuery Events and their uses?

jQuery Events: An event represents an action when something happens on the web page like A mouse click, button click, keypress, submit, load, dblclick, keydown, change, resize, mouseenter, keyup, focus, scroll, mouseleave, blur, unload, etc.

jQuery Effects Tutorial: Use of Click Event in an HTML Document
Example: jQuery Event in a html Document
< !DOCTYPE HTML >
< html >
< head >
< title >
How to include jQuery in a Document
< /title >
< script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js” > < /script >
< script >
$(document).ready(function(){
$(".div-box").click(function(){
 $(this).hide();
 });
});
< /script >
< /head >
< body >
< div class=”div-box” > Click to hide me. < /div >
< /body >
< /html >
 
 
Different Types of jQuery Events with Description
Effect/Method Description
blur()
change()
click()
dblclick()
focus()
focusin()
focusout()
hover()
keydown()
keypress()
keyup()
live()
load()
mousedown()
mouseenter()
mouseleave()
mousemove()
mouseout()
mouseover()
mouseup()
off()
on()
one()
$.proxy()
ready()
resize()
scroll()
select()
submit()
toggle()
trigger()
triggerHandler()
unload()
event.currentTarget
event.data
event.delegateTarget
event.isDefaultPrevented()
event.isImmediatePropagationStopped()
event.isPropagationStopped()
event.namespace
event.pageX
event.pageY
event.preventDefault()
event.relatedTarget
event.result
event.stopImmediatePropagation()
event.stopPropagation()
event.target
event.timeStamp
event.type
event.which
 

Web Design Reference Guide Android App for Website Developers

Web Design Reference Guide Android App: Web Design Tutorial App is a tutorial and reference-based app. It provides Web Design Tutorial and Reference to Web Designers or Web Developers to grow their Web Development skills.

 

Also Related to this Page

 
 

Leave a Reply