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事件绑定解绑机制源码分析

引子为什么Jquery能实现不传回调函数也能解绑事件?jquery是怎么实现的?是有特别的编程技巧还是使用了缓存?缓存是如何实现的...
  • ruangong1203
  • ruangong1203
  • 2016年09月18日 19:26
  • 1341

jQuery事件绑定原理(1)

jQuery事件处理机制能帮我们处理那些问题? 解决浏览器事件兼容问题 可以在一个事件类型上添加多个事件处理函数,可以一次添加多个事件类型的事件处理函数 提供了常用事件的便捷方法 支持自定义事件 扩展...
  • sysuzhyupeng
  • sysuzhyupeng
  • 2017年05月28日 15:56
  • 1005

jQuery的事件绑定与事件委托

在用jQuery的事件绑定时,会用到on()、bind()、live()、 delegate()这几个方法,但对他们的区别缺从未注意过,现稍总结一下,如有错误,欢迎指正。       参考文档: h...
  • aiolos1111
  • aiolos1111
  • 2016年07月28日 13:42
  • 6070

jquery on绑定多个事件

一、jquery为多个选择器绑定同一个事件 $("#start,#end").on("click",function(){     alert("The paragraph was clicked."...
  • sinat_36146776
  • sinat_36146776
  • 2016年12月22日 10:15
  • 2342

jquery绑定click事件失败解决办法

$(".classname").on('click', function(){ do some thing... }); 当绑定的事件为js生成的html时,click事件失效,解决办法 在外...
  • zkg510168343
  • zkg510168343
  • 2014年12月16日 20:56
  • 722

jquery on 动态绑定点击事件

jQuery on()方法绑定动态元素的点击事件无响应的解决办法 作者:山档子 字体:[增加 减小] 类型:转载 时间:2016-07-07 我要评论 这篇文章主要介绍了jQuery ...
  • zhoulovelian
  • zhoulovelian
  • 2016年07月29日 10:18
  • 276

jQuery事件绑定on()、bind()与delegate() 方法详解

jQuery的事件绑定api页面上,提到live()方法已经过时,不建议使用。所以这里我们主要就看下以下三个方法:bind()、delegate()、on() 我们准备一个html页面,用于各种...
  • qq_29849641
  • qq_29849641
  • 2016年04月26日 19:42
  • 563

JQuery1.8版本如何判断是否绑定事件

On previous versions, you could call it like for other data :
  • limlimlim
  • limlimlim
  • 2014年07月10日 15:37
  • 2588

jquery on事件jquery on实现绑定多个事件

on(events,[selector],[data],fn) 概述 在选择元素上绑定一个或多个事件的事件处理函数。on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。 在jQue...
  • pangchengyong0724
  • pangchengyong0724
  • 2016年11月16日 14:23
  • 6771

Jquery封装之----事件绑定(一)

在今天的博客中,有些问题比较突出,所以要多多注意 一.问题所在 现代绑定中W3C 使用的是:addEventListener 和removeEventListener。IE 使用的是 attac...
  • xiaoerduo123x
  • xiaoerduo123x
  • 2016年02月10日 18:52
  • 1020
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery事件绑定(一)
举报原因:
原因补充:

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