jQuery 的 bind() 和 unbind() 方法可以用来绑定和解除事件处理程序。它们是 jQuery 中最常用的事件处理方法,可以让你更加灵活地处理事件。
bind() 方法可以用来为元素绑定一个或多个事件处理函数,当这个元素触发这个或这些事件时,会执行相应的函数。语法如下:
$(selector).bind(event,data,function);
其中,event 参数是要绑定的事件名(如 click、mouseover 等);data 参数是要传递到函数中的额外参数;function 参数是要执行的函数。
unbind() 方法用来解除已绑定的事件处理函数。语法如下:
$(selector).unbind(event,function);
其中 event 参数是要解除的事件名(如 click、mouseover 等);function 参数是要解除的函数名。如果不指定 function 参数则会解除所有已绑定到该元素上的该事件对应的所有函数。
jQuery 事件方法
向 <p> 元素添加一个单击事件:
bind() 方法向被选元素添加一个或多个事件处理程序,以及当事件发生时运行的函数。
自 jQuery 版本 1.7 起,on() 方法是向被选元素添加事件处理程序的首选方法。
参数 | 描述 |
---|---|
event | 必需。规定添加到元素的一个或多个事件。 由空格分隔多个事件值。必须是有效的事件。 |
data | 可选。规定传递到函数的额外数据。 |
function | 必需。规定当事件发生时运行的函数。 |
map | 规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。 |
添加多个事件
如何向元素添加多个事件。
使用事件映射
如何使用事件映射来向被选元素添加一些事件/函数。
向函数传递数据
如何向一个自定义命名的事件处理程序传递数据。
jQuery 事件方法
jQuery click() 方法jQuery 事件方法实例 单击 p 元素时警报文本:$(p).click(function(){ alert(The paragraph was clicked.); ...
jQuery 核心参考手册实例找出所有属于 div 元素的子元素的 p 元素,然后设置其边框属性:$(divp).css(border, 1px solid gray);...
jQuery [attribute!=value] 选择器jQuery 选择器实例 选取所有 class 属性值不为 intro 的 p 元素:$(p[class!='intro']...
jQuery post() 方法jQuery AJAX 方法实例 1 使用 HTTP POST 请求从服务器加载数据:$("button").click(function(){ $.post("demo...
jQuery jquery 属性jQuery 属性实例 输出当前正在运行的 jQuery 版本:$(button).on(click,function(){var version = $().jquery...