位置: 编程技术 - 正文

详解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万免税政策
  • 增值税专用发票怎么开
  • 银行贷款的坏账是什么意思
  • 个人股东分红如何合理避税
  • 年末提取盈余公积的会计分录怎么写
  • 交易性金融资产入账价值怎么计算
  • php的运行机制与什么有关
  • 2020工资计税基数怎么算
  • 免费投放资产收益的平台
  • 开发票金额少于付款金额差额怎么入账?
  • 会计人员报销差额是多少
  • 与取得收入无关的成语
  • 优酷路由宝还有用吗
  • svg图形是什么
  • php面向对象的三大特性
  • 增值税检查后的调账方法
  • 房地产开发企业分为几个等级
  • 建筑行业现在还能斤不
  • php分层架构
  • 企业季度所得税怎么算
  • vue获取当前行
  • golang 和 java
  • vue快速入门与实战开发
  • win10自带的重装能彻底清除上网记录和u盘记录吗
  • 应付未付的工资属于负债吗
  • 帝国cms适合建什么站
  • 工程项目过路费是指什么意思啊
  • mysql profiles
  • 水利建设基金申报
  • 抵扣联和发票联算一张发票吗
  • mysql批量新增字段
  • mysql金额用什么数据类型
  • 减值准备需要确认递延所得税资产吗
  • 航天信息开票软件密码忘记了怎么办
  • 营业执照变更法人需要本人去吗
  • 税款减免怎么做分录
  • 上年度记错科目怎么调整
  • 暂估入库一直没冲会怎么样
  • 房子贷款之后尾款发票
  • 销售发票已开进项发票未收到怎么处理?
  • 网站windows
  • windows server 2003 sp2密钥
  • mac app store打开一片空白
  • Win10预览版更新弹窗如何关闭
  • ie11forwindows10
  • win10怎样永久激活
  • mac os 如何备份
  • windows关机电源不断电
  • win8系统找不到无线网络
  • node. js教程
  • 冰球撞人犯规吗
  • 入门级啥意思
  • 判断输入的日期是一年中第几天
  • linux中w命令详解
  • 狗刨怎么学
  • python中的set方法
  • 云南增值税普通发票怎么开
  • 青岛契税优惠
  • 北京大兴区地税局电话
  • 光伏电站电力监控系统
  • 企业所得税年度申报时间
  • 哪个部门负责药品检验
  • 税收超额负担图解
  • 手机的海关税
  • 发票上纳税人识别号
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设