全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

jquery中绑定事件的异同

谈论jquery中bind(),live(),delegate(),on()绑定事件方式

1. Bind()

$(selector).bind(event,data,function)

Event:必须项;添加到元素的一个或多个事件。

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

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

定义事件:

$(selector).bind({event1:function, event2:function, ...});

2.live()

$(selector).live(event,data,function)

Event:必须项;添加到元素的一个或多个事件

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

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

定义事件:

$(selector).live({event1:function, event2:function, ...}) 

3.delegate()

$(selector).delegate(childSelector,event,data,function)

childSelector:必须项;需要添加事件处理程序的元素,一般为selector的子元素;

event:必须项;添加到元素的一个或多个事件

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

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

定义事件:

$(selector).delegate(childselector,{event1:function, event2:function, ...})

4.on()

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

childSelector:必须项;需要添加事件处理程序的元素,一般为selector的子元素;

event:必须项;添加到元素的一个或多个事件

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

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

定义事件:

$(selector).on({event1:function, event2:function, ...},childselector); 

四种方式的异同和优缺点

相同点:

1.都支持单元多事件的绑定;空格相隔方式或者是大括号替代方式;

2.均是通过事件方式,将事件传递到document进行事件的响应;

比较:

1.bind()函数只能针对已经存在的元素进行事件的设置;但是live(),on(),delegate(),均支持未来新添加元素的事件设置;

2.bind()函数在jquery1.7版本以前比较受推崇,1.7版本出来之后,官方已经不推荐用bind(),替代函数为on(),这也是1.7版本新添加的函数,同样,可以用来代替live()函数,live()函数在1.9版本已经删除;

3.live()函数和delegate()函数两者类似,但是live()函数在执行速度,灵活性和CSS选择器支持方面较delegate()差些。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!


# jquery  # 绑定事件  # jquery事件绑定方法介绍  # jQuery中的常用事件介绍  # jQuery的事件处理你知道多少  # JQuery绑定事件四种实现方法解析  # jQuery操作事件完整实例分析  # jQuery事件_动力节点Java学院整理  # jquery事件与绑定事件  # jQuery事件详解  # 详解jQuery事件  # jQuery中的事件详解  # 绑定  # 多个  # 可选  # 可以用  # 或者是  # 四种  # 这也是  # 未来  # 选择器  # 来代替  # function  # data 


相关文章: c++怎么用jemalloc c++替换默认内存分配器【性能】  SQL查询语句优化的实用方法总结  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊?  如何选择高效便捷的WAP商城建站系统?  建站之星上传入口如何快速找到?  公司门户网站制作流程,华为官网怎么做?  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好?  建站之星导航如何优化提升用户体验?  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸?  南平网站制作公司,2025年南平市事业单位报名时间?  如何在建站之星网店版论坛获取技术支持?  建站之星后台密码遗忘?如何快速找回?  建站之星安装步骤有哪些常见问题?  孙琪峥织梦建站教程如何优化数据库安全?  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)  网站制作说明怎么写,简述网页设计的流程并说明原因?  长沙做网站要多少钱,长沙国安网络怎么样?  如何选择高性价比服务器搭建个人网站?  网站建设设计制作营销公司南阳,如何策划设计和建设网站?  电脑免费海报制作网站推荐,招聘海报哪个网站多?  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程?  如何快速生成高效建站系统源代码?  广德云建站网站建设方案与建站流程优化指南  如何快速完成中国万网建站详细流程?  建站之星手机一键生成:多端自适应+小程序开发快速建站指南  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话?  外贸公司网站制作,外贸网站建设一般有哪些步骤?  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  公司网站制作费用多少,为公司建立一个网站需要哪些费用?  企业网站制作公司网页,推荐几家专业的天津网站制作公司?  利用JavaScript实现拖拽改变元素大小  高性价比服务器租赁——企业级配置与24小时运维服务  如何高效完成自助建站业务培训?  宝盒自助建站智能生成技巧:SEO优化与关键词设置指南  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱?  建站之星备案是否影响网站上线时间?  如何通过NAT技术实现内网高效建站?  海南网站制作公司有哪些,海口网是哪家的?  如何快速搭建个人网站并优化SEO?  个人摄影网站制作流程,摄影爱好者都去什么网站?  免费制作小说封面的网站有哪些,怎么接网站批量的封面单?  南宁网站建设制作定制,南宁网站建设可以定制吗?  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  c# 服务器GC和工作站GC的区别和设置  制作营销网站公司,淘特是干什么用的?  非常酷的网站设计制作软件,酷培ai教育官方网站?  手机怎么制作网站教程步骤,手机怎么做自己的网页链接?  *服务器网站为何频现安全漏洞?  ,sp开头的版面叫什么?  如何用虚拟主机快速搭建网站?详细步骤解析 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。