$("#newclick").click(function(){ $(".li").append('<li>动态添加的HTML元素click<button class="deleteclick">Delete</button></li>');
});
$("#newon").click(function(){ $(".li").append('<li>动态添加的HTML元素on<button class="deleteon">Delete</button></li>');
});
$(".delete").click(function(){ $(this).parent().remove();
}); $(".li").on('click', ".deleteon", function(){$(this).parent().remove();
})
$(".deleteclick").click(function(){ $(this).parent().remove();
});尝试一下 »

on() 和 click() 的区别:二者在绑定静态控件时没有区别,但是如果面对动态产生的控件,只有 on() 能成功的绑定到动态控件中。以下实例中原先的 HTML 元素点击其身后的 Dele相关推荐

  1. php jquery点击事件,jQuery操作html元素点击事件详解

    这次给大家带来jQuery操作html元素点击事件详解,jQuery操作html元素点击事件的注意事项有哪些,下面就是实战案例,一起来看一下. 移除或禁用html元素的点击事件可以通过css实现也可以 ...

  2. vue中父元素点击事件与子元素点击事件冲突

    vue中父元素点击事件与子元素点击事件冲突 在做vue项目的时候,遇到子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢?这就用到vue事件 ...

  3. vue子元素点击事件与父元素点击事件冲突 子元素点击事件不触发

    在vue项目中,子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢? 解决方法:使用vue中的事件修饰符 vue为 v-on 提供了 .st ...

  4. android 元素点击位置,appium自动化操作之元素定位点击事件全家桶(find_element_by、find_elements_by)...

    一.根据resource_id定位(resourceId等价于by_id) 1.find_element_by_id和find_elements_by_id (1)单个resource_id操作 dr ...

  5. DataGridView控件初始化,添加删除行(不绑定数据库)

    转载: http://blog.163.com/zjlovety@126/blog/static/2241862420106128264300/ 也不知道是否该应用这个控件,不过也想不出该用其他什么控 ...

  6. java实现控件绑定数据源_控件(三)——TreeView控件以XmlDataSource控件为数据源实现简单的绑定...

    TreeView控件功能非常强大,今天,我们只是窥其一角. 我们实现的例子是:TreeView控件与XmlDataSource控件绑定,然后在网页显示选中项. 首先我们添加一个xml,取名为tv.xm ...

  7. gridview 实现排序 (在不是使用sqlDataSource控件,而在后台编码绑定gridview时,指定那个字段排序时使用。本例用了单层结构,可修改后应用于多层)

    GridView控件提供了用于实现排序功能的接口,通过设置相关属性并实现排序事件的处理程序就可以完成排序功能.我们将在[例8-4]提供的界面的基础上实现排序功能. [例8-5]演示为GridView控 ...

  8. html动态生成按钮事件无效,【iCheck】通过 JS 动态生成的元素点击无效的解决方法...

    HTML Sample JS$('input').iCheck({ checkboxClass: 'checkbox-default', radioClass: 'radio-default' }); ...

  9. js手动触发页面元素点击事件,程序触发,自定义点击事件模拟点击

    页面有时候的使用场景需要手动控制某个元素响应点击事件,可以达到不直接点击元素来响应事件,这里可以使用element.dispatchEvent(),在使用element.dispatchEvent() ...

最新文章

  1. 阿里大佬总结的算法进阶指南,助你进大厂!
  2. CCD工业相机、镜头倍率及相关参数计算方法
  3. 模型可解释性技术概览
  4. idea 项目编译不成功-循环依赖的问题
  5. import torch报错 from torch._C import * ImportError: DLL load failed: 找不到指定的程序。解决办法
  6. 树中两个节点的最低公共祖先
  7. 概率论与数理统计——几何分布的无记忆性证明
  8. C#源码大型ERP系统企业管理 CS框架源码 进销存 二次开
  9. matlab的上机报告,数理统计和Matlab上机报告.doc
  10. 多开游戏用虚拟机还是服务器,(虚拟机游戏多开的最好选择多开本人的方法.ppt...
  11. 虚拟机黑群晖联机失败问题
  12. Linux下基于ffmpeg音视频解码
  13. 计算机代码里隐藏是哪个单词,excel单词程序(可乱序、自动查词典、List过滤、星级过滤)...
  14. 【VisionMaster】坐标对位
  15. 除了在核酸时快速完成信息采集,这个“科技”还能做什么?
  16. OpenVINO初级认证课程选择题
  17. IOS 股票K线图的实现
  18. 盘点个人喜欢的游戏 持续更新
  19. 联想AIO520一体机怎么样
  20. JS定时器,距离XX天还有XX的倒计时

热门文章

  1. Bailian4134 查找最接近的元素【二分查找】
  2. JSK-132 判断字符串是否是手机号码【入门】
  3. ZOJ3210 A Stack or A Queue?【序列】
  4. 深度学习学界业界进展调研
  5. 计算机体系结构的分类
  6. Python 源码剖析(二)—— 第一次修改 Python 源代码
  7. Python 爬虫 —— 使用 pandas
  8. python语言入门t_Python基础学习
  9. python画简便的图-python如何画出漂亮的地图?网友:教教我呗
  10. python能做什么程序-Python可以被用来做哪些神奇好玩的事情