解析jQuery的三种绑定/事件绑定方法

解析jQuery的三种绑定/事件绑定方法
jQuery是一个优秀的Javascript框架。在旧版本中,主要使用绑定()方法。在新版本中,有两个以上的(),活的()。

1。结合/ Unbind
jQuery中的事件模型,基本上是两个事件绑定功能,绑定和取消绑定。这两个函数的含义是匹配的网页元素来处理相关的事件,这些事件,鼠标,鼠标,和其他事件,在JS经常使用我们可以为绑定参数的传递。

$(# ID)。Bind(听到咔哒声,函数(){ alert(Tt!)});

绑定的第一个参数表示事件类型(注意不需要添加),函数中的代码是您要执行的逻辑代码。
多事件绑定:绑定还允许绑定多个事件,事件名称以空格分隔,例如:

$(A)。Bind(点击鼠标悬停功能(){())

最新版本的jquery1.4,绑定的方法进行了改进。您可以将一个类JSON对象导入到绑定方法中,以便一次绑定多个事件处理程序

$(A)。Bind({
点击:函数(){ alert(' ');},
鼠标悬停:函数(){ alert('了!)}
在函数函数中,还可以将Javascript对象传递给函数方法,通常省略该函数方法。
绑定中还有一个参数数据,一般情况下很少使用。通常,用同一个方法处理同一个变量是很好的。

VaR ProductName =运动鞋;
$(#地区)。Bind(听到咔哒声,函数()){
警报(产品名称);
});

产品名称=项链
$(#地区)。Bind(听到咔哒声,函数()){
警报(产品名称);
});
因为变量名称是重新分配,输出信息是项链,在那里我们不知道,我们可以看看Javascript的变量范围。要解决这个问题,必须使用数据参数。

VaR ProductName =运动鞋;
$(#地区)。Bind(听到咔哒声,{ PN:产品名称},函数()){
警报(事件,数据,pn);
});
产品名称=项链
$(#地区)。Bind(听到咔哒声,{ PN:产品名称},函数()){
警报(事件,数据,pn);
});
2。一
将一次性事件处理函数绑定到每个匹配元素的特定事件(如单击)。此方法与绑定方法的参数相同。绑定和Web的区别在于它只执行一次匹配元素的事件处理,但在执行后从不执行。当然,在重新启动请求时,它将再次执行。

$(a),(听到咔哒声,函数()){
警报(A);
})

单击页面上的某个元素后,消息就会弹出,除非用户启动第二个请求,否则再次单击元素不会弹出消息对话框。
三.居住
此方法主要是能够处理动态添加的元素,并将事件绑定到添加的元素中。

$(a),活(一、功能()){
('show警报消息!;
})

然后,如果我添加一个元素,

$('body)。Appnend(还有一只元);

然后元素也会被事件处理函数警报触发。
此外,jQuery提供了一些简单的方法来把这些标准的事件类型,例如,单击()用于简化绑定(点击)。
有下列事件:模糊,焦点,焦点的名字,focusout,负荷,调整大小,滚动,卸载,单击,双击,MouseDown、MouseUp、MouseMove、鼠标悬停、怪、MouseEnter、MouseLeave、改变、选择、提交、KeyDown,按键、Keyup、误差等。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部