位置: 编程技术 - 正文

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

  • PHP7.0安装笔记整理(php7.3安装)

    PHP7.0安装笔记整理(php7.3安装)

  • SQL Server2008 R2 数据库镜像实施手册(双机)SQL Server2014同样适用(sqlserver2008r2数据库导出教程)

    上图中将“恢复模式”选成“完整模式”。

    2、备份数据库,如下图:

    备份时将“备份类型”选成“完整”。

    3、备份事务日志,如下图:

    将“备份类型”选成“事务日志”且备份目录与备份数据库的目录一致。

    将备份文件在备机上使用主机的全备文件进行还原,在还原数据的时候需要使用选上“with non recover”。如图所示:

    如果执行成功数据库将会变成这个样子:

    3、 建立镜像

    说明:shishan为数据库名,需要根据实际进行修改。..1.为备机IP地址,需根据实际进行修改。

    执行成功后:

    到此,SQL镜像热备配置完成。

    四、常见命令

    备份主数据库出现:Backup a database on a HDD with a different sector size,可以执行以下语句备份:BACKUP DATABASE MyDB TO DISK = N'D:MyDB.bak' WITH INIT , NOUNLOAD , NAME = N'MyDB backup" class="img-responsive" alt="SQL Server2008 R2 数据库镜像实施手册(双机)SQL Server2014同样适用(sqlserver2008r2数据库导出教程)">

    SQL Server2008 R2 数据库镜像实施手册(双机)SQL Server2014同样适用(sqlserver2008r2数据库导出教程)

  • Ubuntu Linux系统下设置静态IP的方法(linux版本ubuntu)

    Ubuntu Linux系统下设置静态IP的方法(linux版本ubuntu)

  • 注意 Win/WP8.1开发者账户现已迁移到全新Win10开发者中心仪表盘

    注意 Win/WP8.1开发者账户现已迁移到全新Win10开发者中心仪表盘

  • Jquery promise实现一张一张加载图片(jquery prototype)

    Jquery promise实现一张一张加载图片(jquery prototype)

  • 最常见的左侧分类菜单栏jQuery实现代码(最常见的左向右分流型心脏病是)

    最常见的左侧分类菜单栏jQuery实现代码(最常见的左向右分流型心脏病是)

  • EasyUI 中combotree 默认不能选择父节点的实现方法(easyui footer)

    EasyUI 中combotree 默认不能选择父节点的实现方法(easyui footer)

  • Shell脚本监控网站页面正常打开情况(shell监控http脚本)

    Shell脚本监控网站页面正常打开情况(shell监控http脚本)

  • 报废汽车残值收入
  • 初装费包括什么
  • 动产租赁适用税率
  • 金蝶迷你版怎么打印凭证
  • 转租房产税计税依据
  • 抄报税校验失败调用系统服务出错怎么办
  • 进项税的现金流量项目
  • 抵减的增值税如何记账
  • 房租物业费摊销
  • 老板请员工吃饭唯独没叫你是什么意思
  • 公司拆迁安置所得的补偿款税务怎么处理
  • 营改增后建筑业
  • 接收虚开增值税专用发票要判刑吗
  • 一般纳税人有哪些费用
  • 免租与转租分别什么意思
  • 一般纳税人销售货物会计分录
  • 房地产行业应收帐款周转率平均值
  • 坏账损失计入什么费用
  • 应付账款无法支付所得税处理
  • 增值税税额转出申报怎么填写
  • 转出未交增值税科目
  • 装修工程需要预缴吗
  • 出租柜台收取的服务费
  • 作废代开发票,是否退还已纳税款?
  • 银行借款利息支出可以税前扣除吗
  • windows10如何显示桌面图标
  • 电脑如何修改硬盘模式
  • win7步骤和详细教程
  • Yii2隐藏frontend/web和backend/web的方法
  • 数字证书认证系统
  • 顺流交易合并抵消 chenyiwei
  • php fgetcsv
  • 零售企业进货退税政策
  • redis如何实现分布式事务
  • php实现购物车功能源代码
  • 如何成功安装暗区突围
  • vue如何实现登录
  • 城市维护建设税属于什么会计科目
  • 残疾人报税怎么报
  • okhttp3源码分析
  • 防伪税款服务费抵扣
  • 用友t3建立新的帐套的流程
  • 收员工伙食费会计分录
  • 如何查询工商局每天入驻情况
  • 饭店房屋的租赁合同范本
  • 佣金和其他费用
  • 生产加工企业辅导资料
  • 出售资产时递延所得税转回是全部收入吗
  • 车间杂工工资如何结算
  • 减免与抵免
  • 客户赔款会计科目
  • 基本电费包含电量吗
  • 公司收到劳务发票交个税吗
  • 什么是企业合并?
  • 年报中的认缴出资时间怎么填
  • 错误原始凭证怎么写
  • 财务预算怎么做模板
  • mysql连接时间长怎么优化
  • asp 分页
  • 苹果的mac系统
  • uefi模式怎么装机
  • 三星笔记是干什么用的
  • windows xp自带
  • linux系统中cp命令
  • linux系统
  • wysafe.exe是什么
  • win10怎么关闭欢迎界面
  • linux的特殊权限
  • android:ViewPager与FragmentPagerAdapter
  • expand.grid函数
  • easyui-accordion
  • node.js ssh
  • 安卓安装两个不同版本软件
  • java怎样学
  • jquery获取某个属性的值
  • 天津怎么网上交电费
  • 代理运输服务费和运费的区别
  • 车辆购置税是国税吗
  • 交17000办的保险是什么保险
  • 两税法的历史解释
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设