首页 > 软件开发 > JQUERY >

怎么获取动态添加的div

来源:互联网 2023-03-16 23:54:34 335

怎么获取动态添加的div这里使用的是jquery方法哦 js的话自行修改即可pkR办公区 - 实用经验教程分享!

怎么获取动态添加的divpkR办公区 - 实用经验教程分享!

工具/原料

  • Windows系统
  • web项目开发环境

方法/步骤

  • 1

    新建一个web项目 然后新建js文件和html文件 这是使用的是jquery 所以要引入jquery库哦pkR办公区 - 实用经验教程分享!

    怎么获取动态添加的divpkR办公区 - 实用经验教程分享!

  • 2

    这里是html的代码 定义了一个p标签 我们接下来将在p标签中添加divpkR办公区 - 实用经验教程分享!

    怎么获取动态添加的divpkR办公区 - 实用经验教程分享!

  • 3

    这里是js文件中的jquery代码 使用append动态添加一个div 然后on方法要先找到原选择器(p),再找到动态添加的选择器(.new)pkR办公区 - 实用经验教程分享!

    怎么获取动态添加的divpkR办公区 - 实用经验教程分享!

  • 4

    运行web项目后 页面时这个效果(有点简单 不过方法掌握了就行)pkR办公区 - 实用经验教程分享!

    怎么获取动态添加的divpkR办公区 - 实用经验教程分享!

  • 5

    点击字面 即可修改内容 说明获取到了div中的class属性 成功pkR办公区 - 实用经验教程分享!

    怎么获取动态添加的divpkR办公区 - 实用经验教程分享!

  • 6

    接下来这个方法就比较容易懂了 写两个函数 先调用第一个增加div 然后调用获取div的class的函数pkR办公区 - 实用经验教程分享!

    怎么获取动态添加的divpkR办公区 - 实用经验教程分享!

  • 6本页面未经授权抓取自百度经验
  • 7

    上面两种方法的效果是一样的 我这里就不贴图了pkR办公区 - 实用经验教程分享!

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


    标签: JQUERY

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