首页 > 软件开发 > JQUERY >

怎么获取动态添加的div

来源:互联网 2023-03-16 23:54:34 版权归原作者所有,如有侵权,请联系我们

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

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

工具/原料

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

方法/步骤

  • 1

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

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

  • 2

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

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

  • 3

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

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

  • 4

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

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

  • 5

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

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

  • 6

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

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

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

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

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


    标签: JQUERY

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