jQuery 事件方法大全-超全的总结

jquery经常使用的事件：

/*
    on
    off
    hover
    blur
    change
    click
    dblclick
    focus
    keydown
    keyup
    keypress
    mousedown
    resize
    scroll
    select
    submit
    */

元素事件列表说明：

注：不带參数的函数，其參数为可选的 fn。jQuery不支持form元素的reset事件。
事件 描写叙述 支持元素或对象
blur( ) 元素失去焦点 a, input, textarea, button, select, label, map, area
change( ) 用户改变域的内容 input, textarea, select
click( ) 鼠标点击某个对象 差点儿全部元素
dblclick( ) 鼠标双击某个对象 差点儿全部元素
error( ) 当载入文档或图像时发生某个错误 window, img
focus( ) 元素获得焦点 a, input, textarea, button, select, label, map, area
keydown( ) 某个键盘的键被按下 差点儿全部元素
keypress( ) 某个键盘的键被按下或按住 差点儿全部元素
keyup( ) 某个键盘的键被松开 差点儿全部元素
load( fn ) 某个页面或图像被完毕载入 window, img
mousedown( fn ) 某个鼠标按键被按下 差点儿全部元素
mousemove( fn ) 鼠标被移动 差点儿全部元素
mouseout( fn ) 鼠标从某元素移开 差点儿全部元素
mouseover( fn ) 鼠标被移到某元素之上 差点儿全部元素
mouseup( fn ) 某个鼠标按键被松开 差点儿全部元素
resize( fn ) 窗体或框架被调整尺寸 window, iframe, frame
scroll( fn ) 滚动文档的可视部分时 window
select( ) 文本被选定 document, input, textarea
submit( ) 提交button被点击 form
unload( fn ) 用户退出页面 window
JQuery Ajax 方法说明:
load( url, [data], [callback] ) 装入一个远程HTML内容到一个DOM结点。
$("#feeds").load("feeds.html"); 将feeds.html文件加载到id为feeds的div中
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});
jQuery.get( url, [data], [callback] ) 使用GET请求一个页面。
$.get("test.cgi", { name: "John", time: "2pm" }, function(data){
alert("Data Loaded: " + data);
});
jQuery.getJSON( url, [data], [callback] ) 使用GET请求JSON数据。
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
alert("JSON Data: " + json.users[3].name);
});
jQuery.getScript( url, [callback] ) 使用GET请求JavaScript文件并运行。
$.getScript("test.js", function(){
alert("Script loaded and executed.");
});
jQuery.post( url, [data], [callback], [type] ) 使用POST请求一个页面。

ajaxComplete( callback ) 当一个AJAX请求结束后。运行一个函数。

这是一个Ajax事件
$("#msg").ajaxComplete(function(request, settings){
$(this).append("<li>Request Complete.</li>");
});
ajaxError( callback ) 当一个AJAX请求失败后，运行一个函数。

这是一个Ajax事件
$("#msg").ajaxError(function(request, settings){
$(this).append("<li>Error requesting page " + settings.url + "</li>");
});
ajaxSend( callback ) 在一个AJAX请求发送时。运行一个函数。这是一个Ajax事件
$("#msg").ajaxSend(function(evt, request, settings){
$(this).append("<li<Starting request at " + settings.url
+ "</li<");
});
ajaxStart( callback ) 在一个AJAX请求開始但还没有激活时。运行一个函数。

这是一个Ajax事件
当AJAX请求開始(并还没有激活时)显示loading信息
$("#loading").ajaxStart(function(){
$(this).show();
});
ajaxStop( callback ) 当全部的AJAX都停止时，运行一个函数。

这是一个Ajax事件
当全部AJAX请求都停止时，隐藏loading信息。
$("#loading").ajaxStop(function(){
$(this).hide();
});
ajaxSuccess( callback ) 当一个AJAX请求成功完毕后。运行一个函数。

这是一个Ajax事件
当AJAX请求成功完毕时。显示信息。

$("#msg").ajaxSuccess(function(evt, request, settings){
$(this).append("<li>Successful Request!</li>");
});
jQuery.ajaxSetup( options ) 为全部的AJAX请求进行全局设置。查看$.ajax函数取得全部选项信息。

设置默认的全局AJAX请求选项。

$.ajaxSetup({
url: "/xmlhttp/",
global: false,
type: "POST"
});
$.ajax({ data: myData });
serialize( ) 以名称和值的方式连接一组input元素。

实现了正确表单元素序列
function showValues() {
var str = $("form").serialize();
$("#results").text(str);
}
$(":checkbox, :radio").click(showValues);
$("select").change(showValues);
showValues();
serializeArray( ) 连接全部的表单和表单元素(类似于.serialize()方法)，可是返回一个JSON数据格式。
从form中取得一组值。显示出来
function showValues() {
var fields = $(":input").serializeArray();
alert(fields);
$("#results").empty();
jQuery.each(fields, function(i, field){
$("#results").append(field.value + " ");
});
}
$(":checkbox, :radio").click(showValues);
$("select").change(showValues);

showValues();

Dom：