本文共 2871 字,大约阅读时间需要 9 分钟。
onclick 单击事件 鼠标点击某个对象
ondbclick 双击事件 onfocus 得到焦点事件(焦点进入控件的事件) onblur 鼠标失去焦点事件(焦点离开控件的事件) onkeydown 键按下事件 onkeypress 键按下 参数不一样(点击按键)//某个键盘的键被按下或按住 onkeyup 键按下抬起事件 (按键释放) onmousemove 鼠标悬浮事件(鼠标移动)//鼠标被移动 onmouseover 进来 鼠标移动到元素范围)//鼠标被移到某元素之上 onmouseout 出去(鼠标离开元素范围)//鼠标从某元素移开 onmousedown 鼠标按下事件 //某个鼠标按键被按下 onmouseup 鼠标按下抬起 (鼠标按键释放)//某个鼠标按键被松开 oncontextmenu(在浏览器中单击鼠标右键显示”右键菜单”时触发) onchange 事件一般用于用户表单中,eg:当文本框内容发生改变时触发,或下拉列表框内容发生改变时触发等。 onabort 图像加载被中断 onerror 当加载文档或图像时发生某个错误 onload 某个页面或图像被完成加载 后面的会覆盖前面的 onreset 重置按钮被点击 onresize 窗口或框架被调整尺寸 onselect 文本被选定 onsubmit 提交按钮被点击 onunload 用户退出页面后触发(刷新页面,关闭页面时候触发) onbeforeunload 在页面准备关闭(或者离开前触发)注:不带参数的函数,其参数为可选的 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) 用户退出页面 windowjQuery.parent(expr),找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")
jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr),返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点 jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个jQuery对象返回,children()则只会返回节点 jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点 jQuery.prevAll(),返回所有之前的兄弟节点 jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点 jQuery.nextAll(),返回所有之后的兄弟节点 jQuery.siblings(),返回兄弟姐妹节点,不分前后 jQuery.find(expr),跟jQuery.filter(expr)完全不一样: jQuery.filter(),是从初始的jQuery对象集合中筛选出一部分,而 jQuery.find(),的返回结果,不会有初始集合中的内容,比如$("p").find("span"),是从<p>元素开始找<span>,等同于$("p span")$.ajax({
url:"http://www.microsoft.com", //请求的url地址 dataType:"json", //返回格式为json async:true,//请求是否异步,默认为异步,这也是ajax重要特性 data:{"id":"value"}, //参数值 type:"GET", //请求方式 beforeSend:function(){ //请求前的处理 }, success:function(req){ //请求成功时处理 }, complete:function(){ //请求完成的处理 }, error:function(){ //请求出错处理 } });jquery ajax中success与complete的执行顺序
******************************************************************jquery中各个事件执行顺序如下:
1.ajaxStart(全局事件)
2.beforeSend
3.ajaxSend(全局事件)
4.success
5.ajaxSuccess(全局事件)
6.error
7.ajaxError (全局事件)
8.complete
9.ajaxComplete(全局事件)
10.ajaxStop(全局事件)
先执行success,再执行error,最后始终执行complete
----------------------区别的就是----------------------success:当请求成功时调用函数,即status==200;
complete:当请求完成时调用函数,即status==404、403、302...只要不出错就行。
因为通常我们需要用来清理资源 所以就设计成compelete在success之后执行
转载地址:http://wqhnn.baihongyu.com/