jquery的事件绑定

原创 2015年07月10日 10:44:42

在实际的web的前端开发中,DOM元素需要绑定一些特殊的事件。

传统的普通的方法就是在DOM中加上onclick=function(),例如:

<button type="button" name="sub" onclick="comfire();">提交</button>

当点击时,就跳到一个确定的comfire()函数,其实不太建议在复杂的系统中,这样子使用。可以用绑定的事件来做。

html代码:

<div><button id="btn">提交</button></div>

js代码:

$("#btn").live('click',function(){

});
当点击的时候,就会执行这个绑定时间。

在这里注意一点是;jquery1.8版本及以下是支持live(),是不支持on()的。jquery1.9版本以上支持on(),所以建议用高版本的。

另外还有.bind:绑定特定的元素

.delegate()基本的用法和.on()相同

可以参考:点击打开链接





版权声明:本文为博主原创文章,未经博主允许不得转载。

jquery事件绑定解绑机制源码分析

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

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
  • 6061

jquery on 动态绑定点击事件

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

jquery on绑定多个事件

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

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

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

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

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

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

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

事件冒泡机制与委托机制,jQuery动态绑定

一次事件的完整过程包括三步:捕获 执行目标元素的监听函数 冒泡 事件冒泡机制与委托机制,jQuery动态绑定...
  • t_1007
  • t_1007
  • 2016年12月07日 11:55
  • 1746

jQuery学习笔记之DOM操作、事件绑定(2)

jQuery学习笔记之DOM操作、事件绑定(2) 4.DOM操作 5.事件绑定 源码地址: https://github.com/iyun/jQueryDemo.git 4.DOM操作(节点增删改查)...
  • dream_an
  • dream_an
  • 2015年11月03日 22:17
  • 600
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery的事件绑定
举报原因:
原因补充:

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