当前位置: 首页 > news >正文

给div赋html,jquery怎么给div赋值

jquery给div赋值的方法:首先创建addtext函数;然后在函数内通过id(mydiv)获取div对象;最后使用text方法给div赋值即可,如【function addtext(){$('#mydiv').text('xx')}】。

ab2b8771db44b56319010c8f36077669.png

环境:

本文适用于所有品牌的电脑。

(学习视频分享:jquery视频教程)

具体方法如下:

新建一个html文件,命名为test.html。

679d2f19d03a31d73b2ff5c1b2ce399f.png

在test.html文件内,使用div标签创建一个模块,在div内没有任何值,主要用于下面给该div赋值。

767c2b518f02e5b6669716b36d131afe.png

在test.html文件内,设置div的id属性为mydiv,主要用于下面通过该id属性获得div对象。

c2214d84d8eb14e35f43a545282163a4.png

在test.html文件内,使用button标签创建一个按钮,按钮名称为“给div赋值”。

1a5f1c13f592731d2d130509d76a4c8a.png

在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行addtext()函数。

d8422773450dcdd5a5a275993e358d00.png

在js标签中,创建addtext()函数,在函数内,使用$符号通过id(mydiv)获得div对象,使用text()方法给div赋值。例如 ,给div赋值为“aaabbbccc”。

2ba8218ea5b9aa80cfbbb37abc014b30.png

相关推荐:js教程

相关文章:

  • koa渲染html文件,Koa 中返回 html 文件引发的思考-一一网络
  • 第一章计算机系统基础知识答案解析,计算机基础知识第一章练习题及答案解析教案资料(20200719174546)(20页)-原创力文档...
  • 计算机中实时与在线的关系,为什么新版QQ不再区分手机在线和电脑在线
  • 计算机教师招聘基本功试题及答案,2015年教师招聘考试新面试答辩题(附答案)第六卷...
  • 计算机系班级未来展望,云程发轫,重装上阵——计算机工程系2020级班级工作阶段性总结汇报与计划展望交流会...
  • 不用计算机证明数学定理,计算机证明数学定理的方式论
  • 计算机游戏设计专业世界大学排名,看过来,世界五大顶尖游戏设计大学在这里...
  • 转专业申请加拿大计算机硕士,GPA低?教你如何成功申请加拿大硕士!
  • 安徽计算机技术学院蚌埠,安徽蚌埠技师学院2021年招生简章
  • 襄阳职业技术学院计算机技能高考,2021湖北技能高考襄阳职业技术学院怎么报名?...
  • 与计算机硬件本身密切相关的是什么语言,计算机硬件单选试题及答案
  • 中南大学和中山大学计算机专业哪个好,中山大学和中南大学哪个好?该如何选择?...
  • 计算机二级foxpro,计算机二级Visual FoxPro练习试题及答案
  • 输入计算机的信息一般分两类,输入计算机的信息一般分为两类,一类称为数据,另一类叫什么...
  • 上海交大电院计算机系,2017上海交大电院计算机自主招生经历
  • JS中 map, filter, some, every, forEach, for in, for of 用法总结
  • [分享]iOS开发 - 实现UITableView Plain SectionView和table不停留一起滑动
  • “大数据应用场景”之隔壁老王(连载四)
  • DataBase in Android
  • Material Design
  • Python 使用 Tornado 框架实现 WebHook 自动部署 Git 项目
  • SpiderData 2019年2月25日 DApp数据排行榜
  • Spring框架之我见(三)——IOC、AOP
  • Swoft 源码剖析 - 代码自动更新机制
  • 不发不行!Netty集成文字图片聊天室外加TCP/IP软硬件通信
  • 对象引论
  • 关于字符编码你应该知道的事情
  • 简单实现一个textarea自适应高度
  • 前端
  • 深入浅出Node.js
  • 使用 Node.js 的 nodemailer 模块发送邮件(支持 QQ、163 等、支持附件)
  • 手机端车牌号码键盘的vue组件
  • 思考 CSS 架构
  • 一文看透浏览器架构
  • 异常机制详解
  • 用jquery写贪吃蛇
  • 第二十章:异步和文件I/O.(二十三)
  • 关于Android全面屏虚拟导航栏的适配总结
  • 扩展资源服务器解决oauth2 性能瓶颈
  • 如何用纯 CSS 创作一个菱形 loader 动画
  • 直播平台建设千万不要忘记流媒体服务器的存在 ...
  • ​​​​​​​ubuntu16.04 fastreid训练过程
  • ​iOS实时查看App运行日志
  • #Linux(权限管理)
  • #我与Java虚拟机的故事#连载13:有这本书就够了
  • (1) caustics\
  • (4)事件处理——(2)在页面加载的时候执行任务(Performing tasks on page load)...
  • (附源码)spring boot北京冬奥会志愿者报名系统 毕业设计 150947
  • (亲测有效)解决windows11无法使用1500000波特率的问题
  • (十三)Maven插件解析运行机制
  • (转)c++ std::pair 与 std::make
  • .bat文件调用java类的main方法
  • .h头文件 .lib动态链接库文件 .dll 动态链接库
  • .Net6 Api Swagger配置
  • .NET大文件上传知识整理