ASP 订阅所有【ASP】的日志

jQuery Event

jQuery Event:
ready(fn); $(document).ready()注意在body中没有onload事件,否则该函数不能执行。在每个页面中可以
有很多个函数被加载执行,按照fn的顺序来执行。
bind( type, [data], fn ) 为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。可能的事件属性有:blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove,
mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress,
keyup, error
one( type, [data], fn ) 为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。在每个对
象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。
trigger( type, [data] ) 在每一个匹配的元素上触发某类事件。
triggerHandler( type, [data] ) 这一特定方法会触发一个元素上特定的事件(指定一个事件类型),同时取消浏览器对此事件的默认行动
unbind( [type], [data] ) 反绑定,从每一个匹配的元素中删除绑定的事件。
$(”p”).unbind() 移除所有段落上的所有绑定的事件
$(”p”).unbind( “click” ) 移除所有段落上的click事件
hover( over, out ) over,out都是方法, 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。
$(”p”).hover(function(){
$(this).addClass(”over”);
},
function(){
$(this).addClass(”out”);
}
);
toggle( fn, fn ) 如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。
$(”p”).toggle(function(){
$(this).addClass(”selected”);
},
function(){
$(this).removeClass(”selected”);
}
);
元素事件列表说明
注:不带参数的函数,其参数为可选的 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( ) 提交按钮被点击 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(”
  • Request Complete.
  • ”);
    });
    ajaxError( callback ) 当一个AJAX请求失败后,执行一个函数。这是一个Ajax事件
    $(”#msg”).ajaxError(function(request, settings){
    $(this).append(”
  • Error requesting page ” + settings.url + “
  • ”);
    });
    ajaxSend( callback ) 在一个AJAX请求发送时,执行一个函数。这是一个Ajax事件
    $(”#msg”).ajaxSend(function(evt, request, settings){
    $(this).append(”+ “});
    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(”
  • Successful Request!
  • ”);
    });
    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();

    上一篇: JQuery常用方法基础教程
    下一篇: JQuery Effects 方法说明
    文章来自: 本站原创
    引用通告: 查看所有引用 | 我要引用此文章
    Tags:
    相关日志:
    评论: 330 | 引用: 0 | 查看次数: 7524
    Jonah[2017-08-01 08:07 PM | | Mail To:jonahpaxton@zoho.com | 89.35.30.31 | del | 通过审核 | 回复回复]
    [此评论正在审核中,只有博主及评论作者可见]
    Cinda[2017-07-25 05:17 PM | | Mail To:cindawant@gmail.com | 89.35.30.31 | del | 通过审核 | 回复回复]
    [此评论正在审核中,只有博主及评论作者可见]
    Penelope[2017-05-21 07:17 AM | | Mail To:penelopedecoteau@inbox.com | 104.140.243.158 | del | 通过审核 | 回复回复]
    [此评论正在审核中,只有博主及评论作者可见]
    Retha[2017-05-20 02:22 PM | | Mail To:retha_nyholm@aol.com | 23.105.157.64 | del | 通过审核 | 回复回复]
    [此评论正在审核中,只有博主及评论作者可见]
    Ezekiel[2017-05-11 11:57 AM | | Mail To:ezekielschubert@gmail.com | 23.92.114.89 | del | 通过审核 | 回复回复]
    [此评论正在审核中,只有博主及评论作者可见]
    Francisca[2017-05-11 09:31 AM | | Mail To:franciscabush@wildmail.com | 104.227.19.150 | del | 通过审核 | 回复回复]
    [此评论正在审核中,只有博主及评论作者可见]
    Tiffany[2017-05-05 06:06 PM | | Mail To:tiffanybuntine@gmx.de | 107.150.64.132 | del | 通过审核 | 回复回复]
    [此评论正在审核中,只有博主及评论作者可见]
    Dorothea[2017-05-01 07:22 AM | | Mail To:dorothea_jenkin@web.de | 104.140.243.150 | del | 通过审核 | 回复回复]
    [此评论正在审核中,只有博主及评论作者可见]
    Fern[2017-04-27 05:28 AM | | Mail To:fern.kahle@t-online.de | 23.108.4.88 | del | 通过审核 | 回复回复]
    [此评论正在审核中,只有博主及评论作者可见]
    Jeannine[2017-04-13 10:49 PM | | Mail To:jeanninerushing@operamail.com | 23.92.113.59 | del | 通过审核 | 回复回复]
    [此评论正在审核中,只有博主及评论作者可见]
    发表评论
    昵 称:
    密 码: 游客发言不需要密码.
    邮 箱: 邮件地址支持Gravatar头像,邮箱地址不会公开.
    网 址: 输入网址便于回访.
    内 容:
    验证码:
    选 项:
    虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
    字数限制 1000 字 | UBB代码 关闭 | [img]标签 关闭