位置: 编程技术 - 正文

详解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)

  • 小规模纳税人转一般纳税人
  • 利润表里面的所得税
  • 应税消费品是什么意思
  • 收到财政局拨款填到现金流量表哪一项
  • 所得税季报季末人数怎么计算
  • 厂房地面硬化
  • 应付账款尾差怎么算
  • 销售商品款项未收的科目名称
  • 开业费用属于什么费用
  • 退货折价的账务处理分录
  • 固定资产出售账户处理
  • 怎样确定是否计入固定资产清理科目
  • 其他货币资金存出投资款什么时候用
  • 超市商品打折怎么算出来
  • 企业借款不能超过资金多少
  • 机械设备租赁征求意见稿
  • 股权的溢价是什么意思
  • 小规模纳税人企业所得税怎么计算
  • 电子普通发票入账规则
  • 员工福利费是否计入赔偿
  • 关联关系的判定标准
  • 没有签订合同需要交税吗
  • 销售商品货款已预收
  • 未开发票申报
  • 职工餐厅账务处理
  • 计提员工社保拿什么做原始凭证?
  • 新版关闭edge地址栏建议
  • 多交的附加税怎么做账
  • 没有以前年度损益调整怎么办
  • 苹果手机最新款2023新上市
  • 企业长期借款的利息,有可能计入的科目有( )
  • 无损数据分区
  • 材料退款会计分录
  • php-xml
  • 一只棕色
  • 一般经营循环资金周转量为负数
  • vue vif
  • pytorch torch
  • 哈士奇新手礼包
  • 2023年网络安全专题教育
  • 年度总产值等于营业收入
  • 收取的标书收入如何入账
  • 怎样才能帮你
  • 研发费用归集范围有哪些
  • 增值税发票抵扣期限是多久
  • python中map和filter有啥区别
  • 现金发放工资会计科目怎么写
  • 银行结算方式有哪几种方式?其具体内容是什么?
  • 装卸搬运的设备有哪些
  • 预提费用汇缴时间怎么算
  • 资产负债表跟利润表勾稽关系公式
  • 蓝字发票红字发票什么意思
  • 公司买口罩
  • 电费发票未到怎么入账
  • 暂估入库结转成本后如何冲红
  • 发票税号与公司税号不一致
  • 体检费用开发票给公司怎么开
  • 物流公司挂靠车辆如何做账?
  • 劳务费需要通过应付职工薪酬科目核算吗
  • 营改增挂靠工程项目的账务如何处理?
  • mysql检查表是否存在
  • sql server中Select count(*)和Count(1)的区别和执行方式
  • u盘启动怎么制作 u极速一键制作u盘启动图文教程
  • 常见unix操作系统
  • Win10输入法切换快捷键改不了
  • windows7禁止开机启动
  • win102021更新
  • c++全局变量赋值
  • Javascript之String对象详解
  • Extjs4 关于Store的一些操作(加载/回调/添加)
  • mvp设计方案
  • android实现推送
  • html框架frameset代码
  • python怎么理解
  • nodejs实战
  • 浅谈javascript网页编码特效论文
  • android 进程启动流程
  • 合肥税务局招聘信息
  • 荷兰基本工资一个月多少工资
  • 退回多扣的个人所得税会计分录
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设