当前位置:首页 > 日记 > 正文

jQuery如何获得动态添加的元素

jQuery如何获得动态添加的元素
1。对问题的描述
在动态添加一段HTML代码并使用jQuery的附加()方法时,发现新添加的元素绑定到单击事件时无法获得新元素。
两。解决
夫人推荐的方法基本上是活的()方法。
官方定义和使用现场():
活()方法将一个或多个事件处理程序来选定的元素和指定一个函数运行时,这些事件的发生。在生活事件处理程序()方法适用于当前和未来的元素选择器匹配(例如通过脚本创建新元件)。

详细的使用Live()可以查看jQuery Live()
生存()和绑定()之间的区别是,Live不仅可以将事件绑定到页面中的现有元素,而且还为将来动态添加的元素提供绑定时间。
所以我更换绑定()活(),但我做了一个新的错误:错误类型:$(…)。生活不是一个函数
在查询之后,发现jQuery 1.9和上面没有能够使用Live(),而on()方法可以代替Live()。
关于()的正式定义和用法:
在()方法中添加一个或多个事件处理程序来选定的元素和子元素。由于jQuery 1.7版本,在()方法是绑定一个新的替代(),()和()代表生活的方法。
注意:添加了on()方法的事件处理程序适用于当前和将来的元素(如脚本创建的新元素)。

对()的详细使用可以查看jQuery()上的jQuery()
三。代码演示
HTML页面:
jQuery()方法测试
点击我!
你好,

Test.js:

$()Ready(函数(){)
$(# click1 )Bind(单击。
追加()!;
});
方法首先找到原始选择器(p),然后找到动态添加的选择器(New)。
$(p)。
美元(这个);
});
});
在test.js第六线实现了绑定,动态添加点击事件的新的元素。应该指出的是,虽然新结合事件时,对()方法是绑定到原来的选择,和新放在参数列表。该原则是基于对(…)的官方定义和用法。
以上是所有内容,如有需要修改或补充的地方,欢迎交流。

相关文章

CSS颜色系统学习总结(推荐)

CSS颜色系统学习总结(推荐)

颜色系统,推荐,学习,电脑软件,CSS,说起css的颜色,比较大家都不陌生,这是一个CSS颜色系统的系统,我个人总结和学习,分享给大家。 首先,使用图片直观地感觉到CSS颜色所覆盖的内容。 下面的行可能会按照这个顺序进行,内容非常的基本,并且可以有选择…

WPS备份文件的简易管理

WPS备份文件的简易管理

备份文件,简易,电脑软件,WPS,当你用WPS 2012编辑的文件,如果遇到特殊情况如突然断电,打开文档时,软件会提示我们在断电恢复丢失呼叫最近的自动保存的文档。这个功能很体贴,但WPS 2012自动保存文件每隔一段时间,时间一长会产生很多无用的备份文件…

excel中26个英文字母的快速录入

excel中26个英文字母的快速录入

英文字母,快速,电脑软件,excel,如您所知,在Excel中,您可以用填充句柄快速填充表。如果我们想输入字母顺序,我们能做什么实际上,我们可以使用函数实现26个英文字母的自动填充。输入A1单元格中的公式;= char(65 +行(-)1)(对应于A的ASCII码为65),然后拖动…

HTML5画布基本绘图的文本渲染

HTML5画布基本绘图的文本渲染

文本,绘图,电脑软件,文本呈现主要有三种属性和三种方法: 上述属性和方法的基本用法如下: Javascript代码将内容复制到剪贴板。 VaR的画布document.getelementbyid(画布); VaR上下文= canvas.getcontext(2D); 背景。字体=大胆30px宋体; / /设置样式 conte…

PS过滤器使燃烧的火焰

PS过滤器使燃烧的火焰

过滤器,火焰,电脑软件,PS,发挥燃烧火焰的作用,只要使用PS的过滤功能,虽然生产步骤比较复杂,单次生产效果比较好。现在我们将分享步骤和截图给你,希望能帮助你。 步 1、启动PS图象处理软件CS5,执行Ctrl + N组合键,和一个大小为800 * 600建立一个…

边界与轮廓差异的深层分析

边界与轮廓差异的深层分析

轮廓,边界,差异,电脑软件,边框支持框大小:边框框,当有边框时,当边框被添加时,它将根据前面的边距处理。 大纲不支持框大小:边框框;第一,处理边距,后跟等高线,有点类似于缩放(转换:缩放(1.2));不管布局的大小和样式是否影响布局。 轮廓与边框的区别 边界…

Oracle的解决方案超出了打开游标的

Oracle的解决方案超出了打开游标的

游标,数量,解决方案,超出了,电脑软件,本文演示了超出开放游标的Oracle最大数量的解决方案: 当java代码执行conn.createstatement()和()conn.preparestatement,它实际上是相当于在数据库中打开一个游标。特别是,如果你的createstatement和prepares…

WPS如何解决空白页WPS文本教程

WPS如何解决空白页WPS文本教程

教程,文本,如何解决,空白页,电脑软件,为了减少WPS文档中的页面数量,我们通常会删除空白页。然而,有时我们会发现我们不能删除空白页。那我们该怎么办呢让我们告诉你WPS可以解决不删除空白页的问题。 WPS解决了删除空白页的方法: 1、先双击页…

ppt如何设置文本框格式ppt基本教程

ppt如何设置文本框格式ppt基本教程

教程,文本框,如何设置,格式,电脑软件,PPT中会有很多文本框。你知道如何设置他们的格式,让小编辑器告诉你PPT是如何设置文本框格式的吗。 设置文本框格式的PPT: 选择文本框,点击格式tab 在格式下,在标签下,单击样式右侧的下拉按钮。 在弹出式…

PS图象处理软件利用图层样式做出美

PS图象处理软件利用图层样式做出美

图层,图象,处理软件,样式,中秋,效果词是按图层样式制作的。首先,增加文本的外部和边缘的发光效果,然后在文本的中间部分添加一些亮点,从而使整个文本具有很好的层次性。 最终效果 1,将下列文本材料保存到机器上,然后与PS.打开 2,按Ctrl + N构建…

DW模板是如何制作Dreamweaver网页

DW模板是如何制作Dreamweaver网页

详细教程,模板,网页模板,电脑软件,DW,使用DW网页时,网页框架往往有固定格式,在某些方面,如导航栏、横幅等,如果每一个网页进行重新设计的内容都是非常耗费时间的,为了提高工作效率,我们可以使用DW页面模板函数为我们提供模板。 1,首先,必须建立一…

WPS段头自动空两格

WPS段头自动空两格

电脑软件,WPS,空两格,我们中国人有写文章的习惯,即每个段落都有两个空格,以前的WPS有自动的空间设置,但是新版放弃了中文的特点,为了避免每个新块的重复,没有好的办法来解决它。 第一次启动WPS文字;按Ctrl + F 1组合键,任务设置框将出现在右边的…