jQuery Tutorial


jQuery Example


jQuery References


jQuery Event References




jQuery Events Methods

All jQuery Events Function are listed here. All jQuery Events work on some different purpose. which you have to binding with your program...

Event Method Description
bind()
Use Event occur when One ore more event handlers attach the selected match elements.
Syntax $(selector).bind(event,[data],function)
event event is Required parameter. event define the one or more events attach to the elements.
data data is Optional parameter. data define the addition data pass to the function.
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("button").bind("click",function(){
blur()
Use Event occur when element lost focus.
Syntax $(selector).blur(function)   (Bind a Function to blur event)
$(selector).blur()                (Trigger the blur event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").blur(function(){     or
$("input").blur()
change()
Use Event occurs when change the elements.
Syntax $(selector).change(function)   (Bind a Function to change event)
$(selector).change()                (Trigger the change event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").change(function(){     or
$("input").change()
click()
Use Event Occurs when the mouse click.
Syntax $(selector).click(function)   (Bind a Function to click event)
$(selector).click()                (Trigger the click event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").click(function(){     or
$("input").click()
dblclick()
Use Event Occurs when mouse perform double click.
Syntax $(selector).dblclick(function)   (Bind a Function to dblclick event)
$(selector).dblclick()                (Trigger the dblclick event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").dblclick(function(){     or
$("input").dblclick()
delegate()
Use Event Occurs when add one or more event handlers, specific child element of matching elements.
Syntax $(selector).delegate(ChildSelector,event,[data],function)
Child
Selector
ChildSelector is Required parameter. ChildElement define add one or more childelement add to handle event.
event event is Required parameter. event define add one or more event add to handle event.
data data is Optional parameter. data define the addition data pass to the function.
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("div").delegate("button","click",function(){
die()
Use Event Occurs when remove all event handler along with live() event.
Syntax $(selector).die([event],[function])
event event is Optional parameter. event define add one or more event add to handle event.
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("p").die();
error()
Use Event error Occurs when selected element not loaded successfully.
Syntax $(selector).error(function)   (Bind a Function to error event)
$(selector).error()               (Trigger the error event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("img").error(function(){     or
$("img").error();
e.pageX
Use Event Occurs when mouse position in Left Side.
Syntax event.pageX
event event is Required parameter. event define specific event binding to the function.
Example $("span").text("X: " + e.pageX + ", Y: " + e.pageY);
e.pageY
Use Event Occurs when mouse position in Top Side.
Syntax event.pageY
event event is Required parameter. event define specific event binding to the function.
Example $("span").text("X: " + e.pageX + ", Y: " + e.pageY);
e.timeStamp
Use Event Occurs on content the number of stared milliseconds since Jan 1, 1970 to current time.
Syntax event.timeStamp
event event is Required parameter. event define specific event binding to the function.
Example $("span").text(e.timeStamp);
e.which
Use Event Occurs, when key press on your keyboard and return key number.
Syntax event.which
event event is Required parameter. event define specific event binding to the function.
Example $("span").text("Pressed Key: " + e.which);
focus()
Use Event Occurs when the element gets focus.
Syntax $(selector).focus(function)   (Bind a Function to focus event)
$(selector).focus()                (Trigger the focus event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").focus(function(){     or
$("input").focus()
focusin()
Use Event Occurs when the element gets focus.
Syntax $(selector).focusin(function())
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("div").focusin(function(){
focusout()
Use Event Occurs when the element focus out.
Syntax $(selector).focusout(function())
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("div").focusout(function(){
hover()
Use Event Occurs when the hover on the selected element.
Syntax $(selector).hover(FocusIn,FocusOut)
focusIn FocusIn is Required parameter. FocusIn define mouse in the selected element.
focusOut FocusOut is Required parameter. FocusOut define mouse out the selected element.
Example $("div").hover(function(){
keydown()
Use Event Occurs when key is pressed.
Syntax $(selector).keydown(function)   (Bind a Function to keydown event)
$(selector).keydown()                (Trigger the keydown event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").keydown(function(){     or
$("input").keydown();
keypress()
Use Event Occurs when key is pressed count the pressed key.
Syntax $(selector).keypress(function)   (Bind a Function to keypress event)
$(selector).keypress()                (Trigger the keypress event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").keypress(function(){     or
$("input").keypress();
keyup()
Use Occurs when key is released.
Syntax $(selector).keyup(function)   (Bind a Function to keyup event)
$(selector).keyup()                (Trigger the keyup event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").keyup(function(){     or
$("input").keyup();
live()
Use Event Occurs when live all event handler.
Syntax $(selector).live([event],[function])
event event is Optional parameter. event define add one or more event add to handle event.
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("p").live("click",function(){
load()
Use Event occurs when document is load.
Syntax $(selector).load(function)
function Function is Required parameter. Function define the ready to run when event occur.
Example $("img").load(function(){
mousedown()
Use Event Occurs when mouse button is pressed.
Syntax $(selector).mousedown(function)  (Bind Function to mousedown)
$(selector).mousedown()            (Trigger the mousedown event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").mousedown(function(){     or
$("input").mousedown();
mouseenter()
Use Event Occurs when mouse enters in an element area.
Syntax $(selector).mouseenter(function)  (Bind Function to mouseenter)
$(selector).mouseenter()            (Trigger the mouseenter event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").mouseenter(function(){     or
$("input").mouseenter();
mouseleave()
Use Event Occurs when mouse leaves an element area.
Syntax $(selector).mouseleave(function)  (Bind Function to mouseleave)
$(selector).mouseleave()            (Trigger the mouseleave event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").mouseleave(function(){     or
$("input").mouseleave();
mousemove()
Use Event Occurs when mouse pointer moves.
Syntax $(selector).mousemove(function)  (Bind Function to mousemove)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $(document).mousemove(function(e){
mouseout()
Use Event Occurs when mouse pointer out an element.
Syntax $(selector).mouseout(function)  (Bind Function to mouseout)
$(selector).mouseout()            (Trigger the mouseout event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").mouseout(function(){     or
$("input").mouseout();
mouseover()
Use Event Occurs when mouse pointer moves over an element.
Syntax $(selector).mouseover(function)  (Bind Function to mouseover)
$(selector).mouseover()            (Trigger the mouseover event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").mouseover(function(){     or
$("input").mouseover();
mouseup()
Use Event Occurs when mouse button is released.
Syntax $(selector).mouseup(function)  (Bind Function to mouseup)
$(selector).mouseup()            (Trigger the mouseup event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").mouseup(function(){     or
$("input").mouseup();
ready()
Use Event Occurs when function is ready to document.
Syntax $(document).ready(function)  (Bind Function to ready event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $(document).ready(function(){
select()
Use Event Occurs when a text is selected.
Syntax $(selector).select(function)  (Bind Function to select event)
$(selector).select()            (Trigger the select event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("input").select(function(){     or
$("input").select();
submit()
Use Event Occurs when form is submitted.
Syntax $(selector).submit(function)  (Bind Function to submit event)
$(selector).select()            (Trigger the submit event)
function Function is Optional parameter. Function define the ready to run when event occur.
Example $("form").submit(function(e){     or
$("form").submit();
unload()
Use Event Occurs when documents is unloaded.
Syntax $(selector).unload(function)
function Function is Required parameter. Function define the ready to run when event occur.
Example $(window).unload(function(){