首页 > 软件开发 > JQUERY >

jquery 动态绑定事件的方法

来源:互联网 2023-03-17 00:46:48 387

动态绑定是指动态添加的dom节点,是在之后运行期间加入的,所以我们要使用on来进行绑定,下面我们就来看一下jquery 动态绑定事件的方法;VPK办公区 - 实用经验教程分享!

jquery 动态绑定事件的方法VPK办公区 - 实用经验教程分享!

方法/步骤

  • 1

    让我们来创建一个HTML文件,下面就一起编码吧;VPK办公区 - 实用经验教程分享!

    jquery 动态绑定事件的方法VPK办公区 - 实用经验教程分享!

  • 2

    接着,我们为了举例说明,来创建一个table标签,并且设置行与列,如图;VPK办公区 - 实用经验教程分享!

    jquery 动态绑定事件的方法VPK办公区 - 实用经验教程分享!

  • 3

    再然后,我们引入jquery.js,如图所示,以便之后的代码调用;VPK办公区 - 实用经验教程分享!

    jquery 动态绑定事件的方法VPK办公区 - 实用经验教程分享!

  • 4

    我们利用jquery的$(function(){ })进行js代码的编辑,如图所示;VPK办公区 - 实用经验教程分享!

    jquery 动态绑定事件的方法VPK办公区 - 实用经验教程分享!

  • 4此文章非法爬取自百度经验
  • 5

    我们先试着非动态绑定一个事件,如图所示代码;VPK办公区 - 实用经验教程分享!

    jquery 动态绑定事件的方法VPK办公区 - 实用经验教程分享!

  • 6

    让我们来看如图代码,这里为页面所有的td添加一个事件,包括新增的td节点,这就可以动态绑定事件了;VPK办公区 - 实用经验教程分享!

    jquery 动态绑定事件的方法VPK办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!VPK办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码