<!-- 给未来元素添加事件 --><div class='dv'><button type='button' class='btn'>点击事件按钮</button></div><hr/><div class='dv1'><button type='button' class='btn'>添加元素按钮</button></div><script type='text/javascript' src='./js/jquery-1.10.2.min.js'></script><script type='text/javascript'>$(function () {$(".dv").on('click','.btn',function () {/*给.dv类添加一个事件,要求后来添加的元素也能调用到这个绑定的事件*/alert(1);});$(".dv1").on('click','.btn',function () {var t = Math.random().toString().substring(2,5);/*新添加的元素*/var html = "<button type='button' class='btn'>新按钮"+t+"</button>";$(".dv").append(html);});});</script>

转载于:https://www.cnblogs.com/Zell-Dinch/articles/4042251.html

给未来元素添加事件 jquery 1.10.2 版本相关推荐

  1. html 未来元素绑定事件,jquery on如何给未来元素绑定事件?

    我们要想在一个元素上绑定一个事件,那么这个元素必须先存在,也就是绑定事件动作前就已有这个元素. 这是一个给元素绑定任何事件的前提. 如果按照这种思路走,那么"给未来元素绑定事件"将 ...

  2. JQ 为未来元素添加事件处理器—事件委托

    随着DOM结构的复杂化和Ajax等动态脚本技术的运用,有了较多的动态添加进来的元素,直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到,在这里就需要用到事件委托方法,JQ为事件委托提供 ...

  3. jQuery向未来的元素添加事件处理程序(绑定事件)

    2019独角兽企业重金招聘Python工程师标准>>> jQuery向未来的元素添加事件处理程序 ,使用 delegate() 方法向尚未创建的元素添加事件处理程序(绑定事件) $( ...

  4. 为未来元素添加点击事件的两种写法

    哈哈哈,小七来了,对于经常搬砖撸代码的猴子们,一定会遇到给好多li(死的还是动态字符串拼接生成的(对未来元素添加不到事件的看之前写的事件委托))添加点击事件 第一种: var index=0; for ...

  5. 网页制作插入新的元素,并且为插入的元素添加事件

    怎样向网页中插入新的元素,在JQuery中有这样的几个函数,其实写网页最大的便利也是在于很多的网页动态的实现都有现成的函数,我们需要做的就是在这个环境中应用这些函数,实现我们的动态的操作. 向网页中插 ...

  6. html页面中给元素添加事件常见的3种语法

    1. 使用元素的事件属性 1.1 用法 onxxxx="f();" 例如为Btn按钮添加单击事件 <script> function aaa(){alert(" ...

  7. HTML中如何给HTML元素添加事件

    HTML中如何给HTML元素添加事件 方法一: 代码示例: <!DOCTYPE html> <html><head><meta charset="U ...

  8. js常用对象:点击、双击、onload事件、鼠标相关、onblur事件和onfocus事件等;通过循环给多个元素添加事件、通过addEventListener() 方法 监听事件函数...

    1.通过标签内部添加事件 (1)onclick事件:单击事件 (2)ondbclick事件:双击事件 (3)onload事件:只能在body中使用,入口函数里有:window.   .οnlοad=f ...

  9. jquery动态生成的元素添加事件的方法

    动态生成的元素如果要添加事件,要写成 $(document).on("click", "#txtName", function() {alert(this.va ...

最新文章

  1. mysql 的not null 与 null的区别(转,恍然大悟)
  2. Synchronized关键字和锁升级
  3. 多任务学习漫谈:分主次之序
  4. 车已经买有近一个月了,技术也在提升中
  5. 【视频特辑】数据分析师必备,快速制作一张强大好用的大宽表
  6. 线性代数 —— 矩阵的行列式
  7. [C/C++标准库]_[0基础]_[优先队列priority_queue的使用]
  8. c# 字符串格式化为日期格式
  9. 【原创】SSAS-引用维度与多数据源、多数据源视图引发分区错误
  10. AJAX框架大全 (AJAX Frameworks)
  11. 冯·诺依曼结构:现代计算机的诞生
  12. 线程池:newCachedThreadPool、newFixedThreadPool、newSingleThreadExecutor、newScheduleThreadPool
  13. linux 之 Deamon进程
  14. Arduino基础入门二之呼吸灯
  15. QT 使用 QTcpSocket来检测 ip 设备的网络状态
  16. CPU占用率爆满,服务器遭遇挖矿如何排查
  17. 网络带宽和吞吐量throughput的关系
  18. mathcad使用说明
  19. matlab复函数画图
  20. 边玩游戏,边学CSS

热门文章

  1. C++的this指针和引用符号的搭配使用理解
  2. 中文乱码,也许这个小技巧可以帮到你
  3. nvidia显示设置不可用_白送大福利?实战FreeSync显示器开启NVIDIA GSync Compatible
  4. linux视频教程 iptables 跟踪,linux – 了解iptables中的连接跟踪
  5. mysql userstat_mysql 中记录用户登录错误日志方法小结
  6. python del函数_干货:Python的内存管理办法
  7. 对‘pthread_create’未定义的引用_【学习贴士】引用文献不积极,APA Guideline 帮助你...
  8. android r类 作用,Android 主项目和 Module 中 R 类的区别
  9. java数据模型公共类_UML数据建模工具之Enterprise Architect(EA)实例
  10. python连接sqlite数据库的代码_【Python 连接SQLite数据库文件】