jQuery事件绑定(一)

原创 2017年01月03日 17:19:30

一、on方法

Jquery1.7中添加,用来代替其他事件绑定方法。向匹配元素添加一个或多个事件处理程序

使用语法:

$(selector).on(event,childselector,data,function)

参数:

event:必需项;添加到元素的一个或多个事件,例如 click,dblclick等;

childSelector: 可选;需要添加事件处理程序的元素,一般为selector的

       子元素; 

       data:可选;需要传递的参数;

function:必需;当绑定事件发生时,需要执行的函数;

on方法不仅可以绑定单个事件,也可以同时绑定多个事件。

对应解绑方法:off()

html代码如下

<body>

<button>事件</button>

<div>div1</div>

</body>

on方法事件绑定如下图所示


相关文章推荐

jquery使用bind绑定事件

  • 2013年10月21日 09:23
  • 55KB
  • 下载

如何使用Jquery给动态生成的控件绑定事件

前几天有个页面折腾了我半天,我想要实现动态添加html控件,并给新增的控件添加上点击事件,怎么也折腾不好,后来在Jquery官网上看了例子,发现原来可以这样写。示例代码如下。 ...

JQuery绑定事件

  • 2011年04月15日 10:24
  • 29KB
  • 下载

JQUERY —— 绑定事件/获取下拉框的值

前言   因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,也希望该文章...
  • yifanSJ
  • yifanSJ
  • 2016年04月27日 12:31
  • 2399

jquery如何给对象动态添加属性以及选择器、事件的绑定

在工作用要用到给jd对象动态添加属性的要求,在网上找到了一种解决方式,实例如下: 1、demo var aa="maker"; var bb=123; var lists={}; eval("list...
  • QH_JAVA
  • QH_JAVA
  • 2016年12月28日 11:27
  • 2860

Ajax成功添加新DOM元素 jquery 绑定元素事件

开始之前,我要强调一件事情,看API事件很重要的事情,看API事件很重要的事情,看API事件很重要的事情!(真的很重要啊!)为了要保证加载完页面上的DOM元素,再用jquery进行绑定相应的元素我们通...

关于jQuery绑定事件会叠加的解决和心得总结

关于jQuery绑定事件会叠加的解决和心得总结

JQuery中4种事件绑定的区别

只要一提到JQuery事件的绑定,第一时间就会想起bind()方法。孤陋寡闻的我今天听同事提起,才来自己研究了下,发现共有四种事件绑定的方法,分别是:bind(),live(),delegate()和...
  • cozia
  • cozia
  • 2016年09月01日 20:22
  • 8407

给Jquery动态添加的元素绑定事件

给Jquery动态添加的元素绑定事件 我想很多人都会向我一样曾经 被新元素的事件绑定困惑很久也就是 在页面加载完成后给元素绑定了事件,但又新增加的元素上却没有绑定任何事件。 ...
  • csdn265
  • csdn265
  • 2016年11月28日 10:02
  • 1973
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery事件绑定(一)
举报原因:
原因补充:

(最多只允许输入30个字)