首页
学习
活动
专区
圈层
工具
发布

02-老马jQuery教程-jQuery事件处理

jQuery简单绑定事件的方式,可以让我绑定多个事件处理程序跟DOM2级绑定事件的方式一样....可以通过返回false来防止触发浏览器的默认行为。...,并按下鼠标按键时,会发生 mousedown 事件mousedown 与 click 事件不同,mousedown 事件仅需要按键被按下,而不需要松开即可发生 mouseleave([[data],fn...data:当一个事件被触发时要传递event.data给事件处理函数。 fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写,返回false。...event.result 这个属性包含了当前事件事件最后触发的那个处理函数的返回值,除非值是 undefined event.which 针对键盘和鼠标事件,这个属性能确定你到底按的是哪个键或按钮。

3.7K80

JQuery之内置函数响应事件

今天给大家介绍一下on函数中events的种类和用法。 具体我把它分为:键盘事件,鼠标事件,input事件,还有一个是基础事件(例如:滚动,界面大小变化等等之类的)。...当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click。在很短的时间内发生两次 click,即是一次 double click 事件。...这个函数会调用执行绑定到blur事件的所有函数,包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。...可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。 四:其他事件: 1.scroll 当用户滚动指定的元素时,会发生 scroll 事件。...如果想要再继续深入学习每个函数的具体用法,可以参考JQuery中的官方API。里面介绍都很详细,我这里就不多介绍了。 如对内容有问题或有疑义,请及时提出,不甚感谢。本人QQ:208017534

2.9K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    02-老马jQuery教程-jQuery事件处理

    可以通过返回false来防止触发浏览器的默认行为。...,并按下鼠标按键时,会发生 mousedown 事件mousedown 与 click 事件不同,mousedown 事件仅需要按键被按下,而不需要松开即可发生 mouseleave([[data],fn...构造函数传入选择器,返回的是一个jQuery的包装对象 // 大部分的api都是在jQuery包装对象上 // console.dir($inputArray); $inputArray.focus...data:当一个事件被触发时要传递event.data给事件处理函数。 fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写,返回false。...event.result 这个属性包含了当前事件事件最后触发的那个处理函数的返回值,除非值是 undefined event.which 针对键盘和鼠标事件,这个属性能确定你到底按的是哪个键或按钮。

    7.6K00

    前端架构师之01_JQuery

    方式2则通过公共的CDN的优势加快了jQuery文件的加载速度。 在HTML页面中创建含有文本“测试”和属性(align=“center”)的元素。...键盘事件 keydown([[data],function]) 键盘按键被按下时触发 键盘事件 keypress([[data],function]) 键盘按键(Shift等非字符键除外)被按下时触发...参数clearQueue与jumpToEnd都是布尔类型,默认值为false,前者规定是否停止被选元素所有加入队列的动画,后者规定是否立即完成当前的动画。...post datatype 期待的返回值类型,如xml、json、script或html数据类型 async 是否异步,true表示异步,false表示同步,默认值为true cache 是否缓存,true...jQuery的简写“ ){……})(jQuery);`”这个包装函数中,该函数的参数$就表示jQuery全局对象。

    3.1K00

    WEB入门之十五 属性和样式

    对于这个问题就可以使用prop来代替attr即可 在使用prop函数获取checked属性的值时,如果复选框处于未选中状态,那么返回false。...在document准备就绪前,这个值是null。 leadingWhitespace 检测在使用innerHTML的时候浏览器是否会保持前导空白字符,目前在IE 6—8中返回false。...tbody 浏览器允许table元素不包含tbody元素,则返回true。目前在IE中会返回false,它会自动插入缺失的tbody。...A. each函数相当于for循环遍历 B. trim函数可以去除字符串中的所有空格 C. parseJSON函数用来把JSON对象转为字符串 D. isNumeric( )用来测试数据是否为数字 二...、上机练习 我们在第一章学习过JSON,现在请使用jQuery中的parseJSON函数把一个自定义的字符串解析为JSON对象并输出。

    60110

    WEB入门之十五 属性和样式

    对于这个问题就可以使用prop来代替attr即可 在使用prop函数获取checked属性的值时,如果复选框处于未选中状态,那么返回false。...在document准备就绪前,这个值是null。 leadingWhitespace 检测在使用innerHTML的时候浏览器是否会保持前导空白字符,目前在IE 6—8中返回false。...tbody 浏览器允许table元素不包含tbody元素,则返回true。目前在IE中会返回false,它会自动插入缺失的tbody。...A. each函数相当于for循环遍历 B. trim函数可以去除字符串中的所有空格 C. parseJSON函数用来把JSON对象转为字符串 D. isNumeric( )用来测试数据是否为数字 二...、上机练习 我们在第一章学习过JSON,现在请使用jQuery中的parseJSON函数把一个自定义的字符串解析为JSON对象并输出。

    51310

    前端(四)-jQuery

    对象,就可以对这个对象进行操作; 可以查找当前元素下的子元素; html //当鼠标访问指定的li时,指定的li下的p标签显示,鼠标移除后,对应的p消失 3鼠标离开被选元素是会触发 鼠标在其被选元素的子元素上来回进入时,不触发 4.1.2 键盘事件 方法 说明 keydown() 键盘按下事件 keyup() 键盘弹起事件 keypress 产生可打印的字符事件...键盘按下灵活应用 //键盘按下事件,判断是否是enter键,并手动提交表单 $(document).keydown(function(even){ if(even.keyCode ==...{ //当表单提交事件,接收到false的返回值不会在提交表单内容,可以实现去除表单的默认提交处理(让from的action失败),包括超链接 return false;...判断checked的三种方法: 方法 说明 .attr(‘checked’); 看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop(‘checked

    9.9K30

    jsonp跨域实现的几种方式

    使用jquery.ajax的jsonp方法可以异域调用到百度的js并拿到返回值,当然$.getScript也可以实现跨域调用js。...jsonp快速入门: 【原创】说说JSON和JSONP,也许你会豁然开朗,含jQuery用例 关于jquery.ajax的jsonp方法是用以及其error回调函数不能正确执行,请参考园长dudu...ok,了解了jsonp的原理和应用后,我们看看百度的智能提示是如何做的 在chrome的调试窗口下看看百度搜索发出的请求。...请求地址和参数都知道了,于是写下如下js测试是否可以拿到关键字提示(源码里的test.html页面): var qsData = { 'wd': ‘a’, 'p': '3', 'cb': 'getData...最关键的来了,现在开始写完整的智能提示并配合鼠标和键盘对候选词的操作(源码里的index.html页面),实现如下功能: 即时监控字母键和数字键,按下就发ajax请求(也可以设置延迟发请求,源码里有);

    3.7K20

    JQuery基础

    常见DOM事件: 鼠标事件:click(单击元素),dbclick(双击元素),mouseenter(鼠标指针移入元素),mouseleave(鼠标指针移出元素)事件; 键盘事件:keypress(键被按下...),keydown(键按下的过程),keyup(键松开),事件;ps:keypress不会触发所有的键(如alt,ctrl,esc,shift),请使用keydown()方法检测 表单事件:submit...属性设置无效,因为色彩动画不包括在核心jQuery库中。...默认false:仅停止当前活动动画,允许插入的动画向后执行;   可选的goToEnd:是否立即完成当前动画。默认false。   因而,默认的stop()会清除当前元素上的动画。...1.jQuery load():从服务器加载数据,并将返回的数据放入被选元素中。

    6.8K51

    JQuery Ztree 树插件配置与应用小结

    默认值: true 参数值:true / false 分别表示 支持 / 不支持 同时选中多个节点 1、设置为 true时,按下 Ctrl 或 Cmd 键可以选中多个节点 2、设置为 true / false...click 事件,并且根据返回值确定是否允许进入名称编辑状态 此事件回调函数最主要是用于捕获编辑按钮的点击事件,然后触发自定义的编辑界面操作。...有了这个方法,用户不再需要自己设定全局变量来保存 zTree 初始化后得到的对象了,而且在所有回调函数中全都会返回 treeId 属性,用户可以随时使用此方法获取需要进行操作的 zTree 对象 参数说明...2、默认情况下,按类似以下配置和初始化方式,调用该API,获取不到数据,因为全部节点都是没选中的,解决方案如下: 1)先通过ztreeObject.checkAllNodes(false) 取消所有节点的选中状态...) 3)判断对象关联的节点id是否在全部节点id范围内,在则通过ztreeObj.checkNode(treeNode, true, false) /** * ztree 设置 * */ setting

    8.2K40

    jQuery中常用的函数和属性详细解析

    contains(str)匹配集合中包含str这个变量文本的元素集合,返回匹配元素集合 end()用于返回到调用find() 或 parents() 函数(或者其它遍历函数)之前的 jQuery 对象...如果是则返回true,否则返回false next(expr)//取得一个包含匹配的元素集合中每一个元素紧邻的后面兄弟元素集合。...在每个页面中可以有很多个函数被加载执行,按照fn的顺序来执行。...) 鼠标双击某个对象 几乎所有元素 error( ) 当加载文档或图像时发生某个错误 window, img keydown( ) 某个键盘的键被按下 几乎所有元素 keypress( ) 某个键盘的键被按下或按住...几乎所有元素 keyup( ) 某个键盘的键被松开 几乎所有元素 load( fn ) 某个页面或图像被完成加载 window, img mousedown( fn ) 某个鼠标按键被按下 几乎所有元素

    3.8K10

    jQuery中的常用内容总结(二)

    )只可以取第一种写法,在同步请求的时候请注意要讲async(是否同步)这个变量的参数写成false,至于一般情况下的请求是post还是get呢,这个我给出的建议是:一般传参到后端都用post方法就可以,...实际使用中这两种请求并没有明显的区别(是否幂等可以忽略不计);另外以上两种请求的方法的参数数量或返回参数的数量可能与jQuery完整写法不一致,对于这个问题,我的解释是:在js中,方法调用和方法申明这两者之中前者的参数可以少于后者的参数数量...~,遂,大家不要介意哈(●´∀`)~ B>事件  jQuery事件是在开发中几乎是每天都会有,这里先給大家列举下主要的几个事件-> bind():匹配的dom元素附加一个或多事件处理器,多个事件需使用空格隔开...事件 mousemove():鼠标指针在dom中移动事件 mouseout():鼠标指针从dom上移开事件 mouseover():鼠标指针位于元素上方事件 mouseup():鼠标在dom上松开事件...上图中 id为p2的dom是用jQuery插入的,然后绑定的一个点击事件和一个鼠标移开事件,当然(•‾̑⌣‾̑•)✧˖°只有在dom存在的时候才会执行绑定的事件,也就是将这两个事件归一(用统一的函数处理这些事件

    3.4K40

    jQuery中的常用内容总结(二)

    )只可以取第一种写法,在同步请求的时候请注意要讲async(是否同步)这个变量的参数写成false,至于一般情况下的请求是post还是get呢,这个我给出的建议是:一般传参到后端都用post方法就可以,...实际使用中这两种请求并没有明显的区别(是否幂等可以忽略不计);另外以上两种请求的方法的参数数量或返回参数的数量可能与jQuery完整写法不一致,对于这个问题,我的解释是:在js中,方法调用和方法申明这两者之中前者的参数可以少于后者的参数数量...~,遂,大家不要介意哈(●´∀`)~ B>事件  jQuery事件是在开发中几乎是每天都会有,这里先給大家列举下主要的几个事件-> bind():匹配的dom元素附加一个或多事件处理器,多个事件需使用空格隔开...事件 mousemove():鼠标指针在dom中移动事件 mouseout():鼠标指针从dom上移开事件 mouseover():鼠标指针位于元素上方事件 mouseup():鼠标在dom上松开事件...上图中 id为p2的dom是用jQuery插入的,然后绑定的一个点击事件和一个鼠标移开事件,当然(•‾̑⌣‾̑•)✧˖°只有在dom存在的时候才会执行绑定的事件,也就是将这两个事件归一(用统一的函数处理这些事件

    1.7K30

    jQuery中的常用内容总结(二)

    )只可以取第一种写法,在同步请求的时候请注意要讲async(是否同步)这个变量的参数写成false,至于一般情况下的请求是post还是get呢,这个我给出的建议是:一般传参到后端都用post方法就可以,...实际使用中这两种请求并没有明显的区别(是否幂等可以忽略不计);另外以上两种请求的方法的参数数量或返回参数的数量可能与jQuery完整写法不一致,对于这个问题,我的解释是:在js中,方法调用和方法申明这两者之中前者的参数可以少于后者的参数数量...~,遂,大家不要介意哈(●´∀`)~ B>事件  jQuery事件是在开发中几乎是每天都会有,这里先給大家列举下主要的几个事件-> bind():匹配的dom元素附加一个或多事件处理器,多个事件需使用空格隔开...事件 mousemove():鼠标指针在dom中移动事件 mouseout():鼠标指针从dom上移开事件 mouseover():鼠标指针位于元素上方事件 mouseup():鼠标在dom上松开事件...上图中 id为p2的dom是用jQuery插入的,然后绑定的一个点击事件和一个鼠标移开事件,当然(•‾̑⌣‾̑•)✧˖°只有在dom存在的时候才会执行绑定的事件,也就是将这两个事件归一(用统一的函数处理这些事件

    2K110

    jQuery设计思想

    我对它做了一个详细的笔记,试图理清jQuery的设计思想,找出学习的脉络。我的目标是全面掌握jQuery,遇到问题的时候,心里有底,基本知道使用它的哪一个功能,然后可以迅速从手册中找到具体的写法。...$.inArray() 返回一个值在数组中的索引位置。如果该值不在数组中,则返回-1。 $.grep() 返回数组中符合某种标准的元素。...) 按下键盘(长时间按键,将返回多个事件) .keyup() 松开键盘 .load() 元素加载完毕 .mousedown() 按下鼠标 .mouseenter() 鼠标进入(进入子元素不触发....select() 用户选中文本框中的内容 .submit() 用户递交表单 .toggle() 根据鼠标点击的次数,依次运行多个函数 .unload() 用户离开页面 以上这些事件在...() 停止事件向上层元素冒泡 在事件处理函数中,可以用this关键字,返回事件针对的DOM元素:   $('a').click(function(e) {     if ($(this).attr

    2.7K60

    一个小时学会jQuery

    () //节点获得焦点时,触发 focus 事件 $("input[type=text]").blur() //节点失去焦点时,触发 blur事件 $("button").mousedown()//当按下鼠标时触发事件.../当鼠标指针位于节点上方时触发事件 $("p").mouseout()  //当鼠标指针从节点上移开时触发事件 $(window).keydown() //当键盘或按钮被按下时触发事件 $(window...event.pageY   //事件发生时,鼠标距离网页左上角的垂直距离 event.type   //事件的类型 event.which   //按下了哪一个键 event.data   //在事件对象上绑定数据...默认情况下,请求总会被发出去,但浏览器有可能从他的缓存中调取数据。要禁止使用缓存的结果,可以设置cache参数为false。...在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。

    22.4K71

    jQuery学习笔记

    ; }) }); $是在jQuery中使用的变量名,可以使用 jQuery.noConflict()避免冲突,它的返回值就是jQuery对象。...按下键 .keyup() 放开键 鼠标事件: .mousedown() 点下鼠标 .mouseup() 松开鼠标 .mouseover() 光标移入 .mouseout() 光标移出 .mousemove...上一个绑定函数的返回值 event.timeStamp 事件触发时的时间,其值为 (newDate).getTime() event.type 事件类型 如果一个绑定函数最后返回了 false,则默认是...Deferred Deferred对象是在jQuery1.5中引入的回调管理对象。其作用是把一堆函数按顺序放入一个调用链,然后根据状态来依次调用这些函数。AJAX的所有操作都是使用它来进行封装的。...Callbacks 事实上,`Deferred`机制,只是在`Callbacks`机制的上层进行了一层简单封装。`Callbacks`对象才是真正的jQuery中定义的原始的回调管理机制。

    4.3K20
    领券