jquery 事件总结

【事件】
.unload([[data],fn]);//在当用户离开页面时，会发生 unload 事件。当发生以下情况时，会发出 unload 事件：
点击某个离开页面的链接
在地址栏中键入了新的 URL
使用前进或后退按钮
关闭浏览器
重新加载页面
$(window).unload( function () { alert("Bye now!"); } );//页面卸载的时候弹出一个警告框

.select([[data],fn]);//当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。
$("input").select();//选中高亮input框中的文本

.scroll([[data],fn]);//当用户滚动指定的元素时，会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。
$(window).scroll( function() { /* ...do something... */ } );//当页面滚动条变化时，执行的函数
$("div").scroll(function() {
$("span").text(x+=1);
});//对元素滚动的次数进行计数

.slideToggle();//隐藏或显示元素：
$("button").mouseup(function(){
$("p").slideToggle();
});

.fadeToggle([speed,[easing],[fn]]);//开关所有匹配元素的淡入和淡出效果，并在动画完成后可选地触发一个回调函数。
$("p").fadeToggle("slow","linear");//缓慢的将段落淡入;.fageIn();.fadeOut()

.mousemove([[data],fn]);//当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。mousemove事件处理函数会被传递一个变量——事件对象，其.clientX 和 .clientY 属性代表鼠标的坐标;
$(document).mousemove(function(e){
$("span").text(e.pageX + ", " + e.pageY);
});//获得鼠标指针在页面中的位

.keypress([[data],fn]);//当键盘或按钮被按下时，发生 keypress 事件。keypress 事件与 keydown 事件类似。当按钮被按下时，会发生该事件。它发生在当前获得焦点的元素上。不过，与 keydown 事件不同，每插入一个字符，就会发生 keypress 事件。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。
$("input").keypress(function(){
$("span").text(i+=1);
});计算在输入域中的按键次.

.keyup([[data],fn]);//当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。
$("input").keyup(function(){
$("input").css("background-color","#D6D6FF");
});//当按下按键时，改变文本域的颜色

.keydown([[data],fn]);//当键盘或按钮被按下时，发生 keydown 事件。
$(window).keydown(function(event){
var myevent = event || window.event;//兼容ie
alert(myevent.keyCode);
});

.focusout([data],fn);//当元素失去焦点时触发 focusout 事件。跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况，与focusin()相反。
html代码：<p><input type="text" /> <span>focusout fire</span></p><p><input type="password" /> <span>focusout fire</span></p>
js代码：
$("p").focusout(function() {
$(this).find("span").css('display','inline').fadeOut(1000);
});//在父级p元素检测到失去焦点后会触发动画

.dblclick([[data],fn]);//当双击元素时，会发生 dblclick 事件。
$("p").dblclick( function () { alert("Hello World!"); });

.unbind(type,[data|fn]]);//与bind()的反向操作，从每一个匹配的元素中删除绑定的事件，如果没有参数，则删除所有绑定的事件。
$("p").unbind( "click" );//将段落的click事件取消绑定

.trigger(type,[data]);//在每一个匹配的元素上触发某类事件。
$("form:first").trigger("submit");//提交第一个表单，但不用submit()

.one(type,[data],fn);//为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。
$("p").one("click", function(){
alert( $(this).text() );
});//当所有段落被第一次点击的时候，显示所有其文本。

.ready(fn);//当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
$(document).ready(function(){
// 在这里写你的代码...
});//或是$(function($) {
// 你可以在这里继续使用$作为别名...
});