java面试题网

普通会员

183

帖子

7

回复

95

积分

楼主
发表于 2019-08-26 15:24:39 | 查看: 5077| 回复: 0

jQuery绑定事件bind

jQuery绑定事件bind

页面加载事件

jQuery 的文档加载事件指的是$(document).ready(),其与$()是等价的。该事件与 JavaScript 中的 window.onload()功能基本类似。但也有很大的区别。

 $(document).ready():页面中所有 DOM 绘制完毕后开始执行,而这些 DOM 所关联的内 容无需加载完毕,例如 DOM 所关联的图片、文档等。

 window.onload():页面中所有元素加载完毕后开始执行,其中包括图片。

页面元素绑定事件 bind

为页面元素绑定事件,即对于指定页面元素,当某个事件发生后,执行指定动作。绑定事件可以使用 bind()方法。其语法格式为:

bind(type, [data], fn)

 type:事件类型,字符串类型,若要绑定多个事件,事件间使用空格分隔。jQuery 提供可以绑定的事件有:blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, change, select, submit, keydown, keypress, keyup 等。

 data:作为 event.data 属性值传递给事件对象的额外数据对象。

 fn:事件发生后所执行的动作,即处理函数。

(1)鼠标的移进移出事件 mouseover、mouseout

举例:020-jQuery-鼠标移进移出事件.html

Step1:定义页面

jQuery绑定事件bind_www.wityx.com

Step2:定义样式

jQuery绑定事件bind_www.wityx.com

Step3:定义

$(this)表示当前表象,本例指当前的 div 对象。

jQuery绑定事件bind_www.wityx.com

(2)失去焦点事件 blur

blur 只针对指定元素。

举例:021-jQuery-失去焦点事件.html

Step1:定义页面

jQuery绑定事件bind_www.wityx.com

Step2:定义

jQuery绑定事件bind_www.wityx.com

(3)响应多个事件用空格分隔

举例:022-jQuery-响应多个事件.html

Step1:定义页面

jQuery绑定事件bind_www.wityx.com

Step2:定义样式

jQuery绑定事件bind_www.wityx.com

Step3:定义

jQuery绑定事件bind_www.wityx.com

(4)参数的传递

举例:022-jQuery-事件传递参数.html

Step1:定义页面

jQuery绑定事件bind_www.wityx.com

Step2:定义

jQuery绑定事件bind_www.wityx.com


文章来自www.wityx.com,转载请注明出处!原文地址http://www.wityx.com/post/1136_1_1.html


java面试题交流群:327440556

您需要登录后才可以回帖 登录 | 立即注册

java面试题网www.wuliaokankan.cnjava建站系统提供技术支持V2.1 网站地图 © 2016-2018