首页 > 软件开发 > JQUERY >

jQuery如何获取div中的内容

来源:互联网 2023-03-17 00:47:18 版权归原作者所有,如有侵权,请联系我们

在页面处理的时候会经常会用到获取页面中的内容的时候,用jquery简单方便可以和事件交互,那么jquery怎么获取div中的内容呢?oO1办公区 - 实用经验教程分享!

工具/原料

  • 编辑器

方法/步骤

  • 1

    创建一个名称为get的html文件。oO1办公区 - 实用经验教程分享!

    jQuery如何获取div中的内容?oO1办公区 - 实用经验教程分享!

  • 1相关内容未经许可获取自百度经验
  • 2

    在页面中加入一个div,div内放入文本并加入一些标记,还有两个button在点击不同的button的时候获取不同的内容oO1办公区 - 实用经验教程分享!

    jQuery如何获取div中的内容?oO1办公区 - 实用经验教程分享!

  • 3

    引入jquery库oO1办公区 - 实用经验教程分享!

    jQuery如何获取div中的内容?oO1办公区 - 实用经验教程分享!

  • 4

    在文档准备函数中加入button1点击事件,在点击事件后获取div中的text内容oO1办公区 - 实用经验教程分享!

    jQuery如何获取div中的内容?oO1办公区 - 实用经验教程分享!

  • 5

    在文档准备函数中加入button2点击事件,在点击事件后获取div中的html内容oO1办公区 - 实用经验教程分享!

    jQuery如何获取div中的内容?oO1办公区 - 实用经验教程分享!

  • 6

    在浏览器中运行该文件,点击两个button获取不同的结果。oO1办公区 - 实用经验教程分享!

    jQuery如何获取div中的内容?oO1办公区 - 实用经验教程分享!

    jQuery如何获取div中的内容?oO1办公区 - 实用经验教程分享!

  • 注意事项

    • text去除掉标记的村文本
    • html是表标记的内容
    • text,html方法后要加括号

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


    标签: JQUERYHTML

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