jQuery事件delegate()使用

<h6>delegate定义和用法:</h6>
为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
使用delegate()方法的事件处理程序适用于当前或未来的元素,比如由脚本创建的新元素。
<p>
语法:$(selector).delegate(childSelector,event,datda,function)
返回值:jQuery delegate(selector,[type],[data],fn)
参数说明:
childSelector 必需,规定要附加事件处理程序的一个或多个子元素
event 必需,规定附加到元素的一个或多个事件。由空格分隔多个事件值,必须是有效事件。
data 可选,规定传递到函数的额外数据
function 必需,规定当事件发生时运行的函数
</p>
例如:

$('#content').delegate('.icps','click',function(e){
    //这里面写要触发的事件的具体函数
})```
其实这个函数并不难理解,主要处理的是未来的元素,什么是未来的元素?
比如:开发中经常遇到的由脚本生成的元素,还有一种常用到的地方就是从后台数据库中循环取值的时候,假如需要从后台循环取所有的文章,但是希望给所有的文章一个tooltip,也就是一个hover事件,这时候就需要用到delegate()方法。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、 jQuery 能做什么? jquery是一个丰富的js库,内部对js的很多复杂的方法进行了封装和加工,比如j...
    zh_yang阅读 1,425评论 6 13
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,203评论 0 1
  • 1、说说库和框架的区别? 库是一个数据仓库,里面放了各种可以利用的API,由于库的内部已经做了各种底层的封装和各种...
    kumabearplus阅读 188评论 0 1
  • 本文章是老马jQuery视频的讲义和上课的代码。具体观看视频地址:https://chuanke.baidu.co...
    IT老马阅读 2,595评论 3 14