位置: 编程技术 - 正文

详解jQuery向动态生成的内容添加事件响应jQuery live()方法(jquery对动态生成的进行操作)

编辑:rootadmin

推荐整理分享详解jQuery向动态生成的内容添加事件响应jQuery live()方法(jquery对动态生成的进行操作),希望有所帮助,仅作参考,欢迎阅读内容。

详解jQuery向动态生成的内容添加事件响应jQuery live()方法(jquery对动态生成的进行操作)

文章相关热门搜索词:jquery动态设置css,jquery动态添加div,jquery动态添加div,jquery对动态生成的进行操作,jquery动态效果,jquery 动态加载js,jquery动态设置css,jquery 动态加载js,内容如对您有帮助,希望把文章链接给更多的朋友!

jQuery live()方法是给所有匹配的元素附加一个事件处理函数,即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。这个方法可以看做是 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说:

可以给这个元素绑定一个简单的click事件: 当点击了元素,就会弹出一个警告框。然后,想象一下这之后有另一个元素添加进来了。尽管这个新的元素也能够匹配选择器 ".clickme" ,但是由于这个元素是在调用 .bind() 之后添加的,所以点击这个元素不会有任何效果。但live() 就提供了对应这种情况的方法。如果我们是这样绑定click事件的:这样点击新增的元素,它依然能够触发事件处理函数。事件委托live() 方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托:绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。传递给 live() 的事件处理函数不会绑定在元素上,而是把他作为一个特殊的事件处理函数,绑定在 DOM 树的根节点上。在我们的例子中,当点击新的元素后,会依次发生下列步骤:1、生成一个click事件传递给 <div> 来处理。2、由于没有事件处理函数直接绑定在 <div> 上,所以事件冒泡到DOM树上。3、事件不断冒泡一直到DOM树的根节点,默认情况下上面绑定了这个特殊的事件处理函数。4、执行由 .live() 绑定的特殊的 click 事件处理函数。5、这个事件处理函数首先检测事件对象的 target 来确定是不是需要继续。6、这个测试是通过检测 $(event.target).closest('.clickme') 能否找到匹配的元素来实现的。7、如果找到了匹配的元素,那么调用原始的事件处理函数。8、由于只有在事件发生时才会在上面的第五步里做测试,因此在任何时候添加的元素都能够响应这个事件。

标签: jquery对动态生成的进行操作

本文链接地址:https://www.jiuchutong.com/biancheng/370466.html 转载请保留说明!

上一篇:jquery实现网页的页面平滑滚动效果代码(jquery简单网页)

下一篇:基于jQuery实现自动轮播旋转木马特效(jquery教程chm)

  • 财税新闻稿
  • 进口货物的完税价格不包括
  • 记账王怎么查询凭证
  • 边际贡献总额分析法的收入为零
  • 产品质量问题赔偿账务处理
  • 小规模30万免税是含税还是不含税
  • 无发票入账违反哪条法律
  • 所得税亏损年限有什么规定
  • 红字发票没有地址和银行信息跨月了无法作废
  • 所得税季报利润表怎么填
  • 企业收到的捐赠应计入
  • 员工住院费用公司报销吗
  • 机械租赁有哪些岗位
  • 电信线路租用的手机
  • 计提企业所得税怎么计算
  • 营业执照缴纳印花税贴花怎么缴纳
  • 小规模纳税人变成一般纳税人的条件
  • 企业注销前注册资本必须到账吗
  • 签订借款合同要遵守规则吗
  • 应交增值税出口退税科目怎么结平
  • 公司清算补偿工资标准
  • 公司收到汽车理赔款
  • 委托贷款利息收入需要缴纳增值税么
  • 职工福利费的计提标准
  • 在建工程领用原材料需要进项税转出吗
  • 入库材料未付款属于什么会计科目
  • 生产型企业出口退税会计分录
  • 个人补缴的养老全部划入个人账户
  • 购销合同印花税计算方法
  • yolov5 c
  • 财政补贴增值税如何开票
  • thinkphp跨域解决方案
  • laravel创建model
  • vue3 技巧
  • vue组件之间传值几种方法
  • 原生php和框架php的区别
  • laravel5创建service provider和facade的方法详解
  • 贷款和应收款项属于金融资产吗
  • 固定资产改造替换
  • 发票验证校验码为什么只能填6位
  • 什么条件可以免于起诉
  • 预付账款借方怎么调平
  • 劳务派遣公司账务处理
  • 增值税退税怎么退
  • 加计抵减可以补提本年的税吗
  • python第三方库安装教程
  • python repeat函数
  • vue前端页面设计
  • 应收账款占比是什么
  • 在MysQL数据库中,数据库文件的扩展包括
  • 行政事业单位工作时间
  • 股东投资款可以拿出来吗
  • 小规模纳税人自行开具增值税专用发票税率
  • 小规模纳税人出售使用过固定资产
  • 本月收入未开票会计分录
  • 计提福利费的会计分录
  • 政府奖励金怎么发放
  • 如何计算税前工资
  • 公司五金是哪五金
  • 收购票票样
  • mysql数据源
  • centos7 syslog
  • service是什么程序
  • linux命令怎么用
  • 学会这8个技巧让你做出的菜味道更好
  • win7怎么更改用户名和密码
  • win8.1 安装
  • unity优化技术
  • jquery css hover
  • shell的实现
  • dos的for用法
  • bash特殊符号
  • javascript运用
  • 安卓启动器修改
  • 开发笔记本哪个比较好一点
  • jquery.validate使用详解
  • 跨年的增值税专用发票怎么冲红或者是作废
  • 个人所得税预扣预缴办法
  • 深圳沙井社保局在哪个位置
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设