jq异步绑定事件方法返回值:jQuery delegate(selector,[type],[data],fn)
来源:互联网 发布:知乎2017校园招聘 编辑:程序博客网 时间:2024/06/06 11:02
delegate:用来给指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
基础用法示例如下:
$("div").delegate(".btn","click",function(){ $(".con").fadeIn();});
解释一下:我在做项目的时候,需要从后台拿出表格的数据,当我点击按钮的时候后台请求的数据才能添加到表格中,但是如果表格中也有一些按钮来查看详细情况怎么办啊,我怎么给又添加的按钮绑定事件呢?
界面如下所示:
其中,表格最右侧的详细一列也绑定了点击事件,通常我们的做法是先给查询事件绑定点击事件:
$('.btnadd').click(function(){ $('#tablebody .detail').append('<tr><td><button onclick="add()"></button></td></tr>');});function add(){ $('.con').fadeIn();}
但是如果我们不想麻烦地把每个onclick事件都添加到html文档中,那么我们就用简单的js高大上的方法,请看代码:
$('body').delegate('#tablebody .detail','click',function(){ $('.con').fadeIn();})
因为这时候的on和bind和live都绑定不上动态的是按,只有delegate才能解决,因此delegate就可以完美解决新生成的节点绑定不了事件的问题,希望大家借鉴!
1 0
- jq异步绑定事件方法返回值:jQuery delegate(selector,[type],[data],fn)
- jquery:$.on(event,[selector],[data],fn)
- JQ绑定事件 bind(),on(),live(),delegate()
- jQuery事件绑定on()、bind()与delegate() 方法详解
- jQuery事件绑定on()、bind()与delegate() 方法详解
- jQuery事件绑定on()、bind()与delegate() 方法详解
- jQuery事件绑定on()、bind()与delegate() 方法详解
- jQuery中事件绑定bind、live、delegate、on方法
- jQuery事件绑定on()、bind()与delegate() 方法详解
- jQuery事件绑定on()、bind()与delegate() 方法详解
- jQuery事件绑定on()、bind()与delegate() 方法详解
- 【jQuery】 事件 - delegate() 方法
- jq中绑定事件bind(),live(),delegate(),on()的优缺点
- jQuery绑定事件$.bind(),$.live(),$.delegate
- jQuery 事件 - delegate() live() 方法
- [TOP]原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别
- 关于jQ中$(selector).data(name,value)方法的使用
- jq绑定事件的方法区别
- SSH框架百度文库地址
- GDI+如何判断一个点是否在区域内
- secureCRT端口转发功能突破防火墙限制
- 【Android自定义View实战】之你应该明白的事儿
- 算法库algorithm-8-cxx14
- jq异步绑定事件方法返回值:jQuery delegate(selector,[type],[data],fn)
- c++的继承
- 欢迎使用CSDN-markdown编辑器
- React Native 学习笔记二十一(定时器学习)
- JMS简介(一)
- 算法库algorithm-9-string
- CUDA 学习(三)、CUDA硬件概述
- 常见的用户密码加密方式以及破解方法
- 【个人博客地址】