jquery 动态绑定事件的方法

动态绑定是指动态添加的dom节点, 是在之后运行时代插手的, 所以我们要利用on来进行绑定, 下面我们就来看一下jquery 动态绑定事务的方式;

jquery 动态绑定事件的方法

文章插图
方式/
1让我们来建立一个HTML文件, 下面就一路编码吧;

jquery 动态绑定事件的方法

文章插图

2接着, 我们为了举例申明, 来建立一个table标签, 而且设置行与列, 如图;

jquery 动态绑定事件的方法

文章插图

3再然后, 我们引入jquery.js, 如图所示, 以便之后的代码挪用;

jquery 动态绑定事件的方法

文章插图

4我们操纵jquery的$(function(){ })进行js代码的编纂, 如图所示;

jquery 动态绑定事件的方法

文章插图

5我们先试着非动态绑定一个事务, 如图所示代码;

jquery 动态绑定事件的方法

文章插图

6【jquery 动态绑定事件的方法】让我们来看如图代码, 这里为页面所有的td添加一个事务, 包罗新增的td节点, 这就可以动态绑定事务了;

jquery 动态绑定事件的方法

文章插图


以上内容就是jquery 动态绑定事件的方法的内容啦, 希望对你有所帮助哦!

    推荐阅读