ready()
sample:
$(document).ready(function(){
$(".btn1").click(function(){
$("p").slideToggle();
});
});
语法:
1. $(document).ready(function)
2. $().ready(function)
3. $(function)
注意:ready() 函数不应与 <body οnlοad=""> 一起使用。
blur() ---当元素失去焦点时发生blur事件
Sample:
$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
});
语法:
$(selector).blur(function)
focus() ---当元素获得焦点时发生focus事件
Sample:
$("input").focus(function(){
$("input").css("background-color","#FFFFCC");
});
语法:
$(selector).focus(function)
change() --当元素的值发生改变时,会发生 change 事件
Sample:
$(".field").change(function(){
$(this).css("background-color","#FFFFCC");
});
语法:
$(selector).change(function)
注意:当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。
可以用change()触发change事件.
click() -- 当点击元素时,会发生 click 事件
Sample:
$("button").click(function(){
$("p").slideToggle();
});
语法:
$(selector).click(function)
注意:当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click.
dblclick() ---当双击元素时,会发生 dblclick 事件
Sample:
$("button").dblclick(function(){
$("p").slideToggle();
});
语法:
$(selector).dblclick(function)
注意:如果把 dblclick 和 click 事件应用于同一元素,可能会产生问题。
error() ---当元素遇到错误(没有正确载入)时,发生 error 事件
Sample:
$("img").error(function(){
$("img").replaceWith("
Missing image!
");
});
语法:
$(selector).error(function)
keydown() ---当按钮被按下时,发生 keydown 事件。它发生在当前获得焦点的元素上
注意:如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生。
请使用 .which 属性来确定按下了哪个按键
keyup() ---当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上
注意:如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生。
请使用 .which 属性来确定按下了哪个按键
keypress() ---keypress 事件与 keydown 事件类似。当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。
不过,与 keydown 事件不同,每插入一个字符,就会发生 keypress 事件
load()
mousedown()
mouseup()
mouseenter()---当鼠标指针穿过元素时,会发生 mouseenter 事件
mouseleave()
mouseout()
注释:与 mouseout 事件不同,只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。如果鼠标指针离开任何子元素,同样会触发 mouseout 事件。
mousemove()---当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件
mouseover()---当鼠标指针位于元素上方时,会发生 mouseover 事件。该事件大多数时候会与mouseout() 事件一起使用
注释:与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件.
scroll()
当用户滚动指定的元素时,会发生 scroll 事件。
scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)
resize()
当调整浏览器窗口的大小时,发生 resize 事件
select()
当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件
submit()
当提交表单时,会发生 submit 事件。
该事件只适用于表单元素
使用preventDefault()函数来阻止对表单的提交。
$("form").submit(function(e){
e.preventDefault();
alert("Submit prevented");
});
unload()