位置: 编程技术 - 正文

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

  • 企业办税权限怎么授权给个人
  • 生产企业出口货物劳务免抵退税申报明细表
  • 股权转让印花税税率
  • 可转债会计分录利息
  • 开红字发票需要收回原发票吗
  • 交车辆保险的车能买吗
  • 合营企业和联营企业的持股比例
  • 返点的保险费应计入哪里
  • 建筑企业结转成本怎么算
  • 文化建设税是含税价吗
  • 个税系统如何升级到最新版本
  • 电商刷单返现如何做账务处理合适?
  • 我的初级备考经历怎么写
  • 企业允许加计扣除的研发费用主要包括哪些?
  • 出让方式取得土地使用权会计处理
  • 小微企业附加税减半
  • 进项税在即征即退吗
  • 利润负数所得税怎么算
  • 去年开的增值税普通发票今年可以作废吗
  • linux 部署
  • PHP:Memcached::prependByKey()的用法_Memcached类
  • go是单进程还是多进程
  • php语言标记风格有四种,分别是
  • 私营独资企业交个税怎么交
  • 营业外收支的内容
  • 出现巨石
  • 请问怎么清除
  • 城市:天际线
  • 发票十万元版和百万元版
  • 工作被取代
  • css点击菜单显示内容
  • shift命令 向左移动参数
  • 驱动开发做得长久吗
  • 企业印花税的申报
  • python中numpy数组和列表的区别
  • 票据背书转让会计处理
  • 应税销售行为有哪些
  • 费用票必须是公司发票吗
  • 无法连接配置的sql服务器
  • 盘盈盘亏怎么填写
  • 跨年银行回单怎么入账
  • 国家知识产权专利网
  • 农村的扶贫政策是什么
  • 快递费用在线查询
  • 挂靠经营的会计处理是?
  • 已认证未抵扣的进项税转出账务处理
  • 应计入产品成本的停工损失是
  • 2020年工伤赔偿标准表
  • 套现给现金还是转账好
  • 收到发票税点计入什么科目
  • XP系统网上邻居不见了有哪些找回方法
  • 2008r2数据库备份
  • linux清屏幕命令
  • win8右下角图标不见了
  • 微软系统win10
  • 虚拟机安装苹果电脑
  • Linux系统中sort排序命令的使用教程
  • win10系统无法运行exe文件
  • securecrt输入中文乱码
  • win11注意
  • Win8中漂亮的metro开始画面图标最大列数的设定方法
  • ubuntu14.04.6安装教程
  • win10怎么关闭讲述人模式
  • 微信小程序实现轮播图
  • 使用权资产
  • 关于中秋节的古诗
  • node用mongodb还是mysql好
  • jquery ui和jquery easy ui
  • 安卓开发 内存
  • 安卓listview添加数据
  • JQuery点击行tr实现checkBox选中的简单实例
  • 税务征收津贴发放范围
  • 电子税务局怎么添加银行账户信息
  • 报fob价格最后谁退税
  • 陕西国家税务
  • 购电脑折旧的会计分录
  • 房地产开发企业土地成交额与去年同期相比增长约
  • 营业收入是含增值税的收入吗
  • 物流公司怎么申请TIR
  • 查询发票号码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设