jQuery中on()方法用法实例

前端之家收集整理的这篇文章主要介绍了jQuery中on()方法用法实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery中on()方法用法分享给大家供大家参考。具体分析如下:

方法可以在匹配元素上绑定一个或者多个事件处理函数。 使用off()方法可以删除on()方法绑定的事件。

语法结构一:

代码如下:

参数列表:

调用处理程序。
如果选择是空或被忽略,当它到达选定的元素,事件总是触发。属性值传递给事件对象的额外数据对象以供事件处理函数处理。函数。 false值也可以做一个函数的简写,返回false。

实例代码:

实例一:

代码如下:
<Meta charset=" utf-8"> 编程之家
原来内容

以上代码为div绑定了两个事件,无论是点击div还是在div中移动鼠标都会为div设置新的文本内容

实例三:

代码如下:
<Meta charset=" utf-8"> 编程之家
原来内容
大家好

以上代码通过通过选择器字符串来过滤匹配元素的子元素中哪些可以响应绑定的事件。上面的代码中,类名为children的元素和它的子元素可以调用绑定的事件。

语法结构二:

代码如下:

参数列表:

函数。属性值传递给事件对象的额外数据对象以供事件处理函数处理。

实例代码:

代码如下:
<Meta charset=" utf-8"> 编程之家