当前位置: 首页 > 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上海交大电院计算机自主招生经历
  • 【跃迁之路】【477天】刻意练习系列236(2018.05.28)
  • FineReport中如何实现自动滚屏效果
  • GitUp, 你不可错过的秀外慧中的git工具
  • JavaScript函数式编程(一)
  • Java方法详解
  • JS 面试题总结
  • Laravel 中的一个后期静态绑定
  • Linux编程学习笔记 | Linux多线程学习[2] - 线程的同步
  • Python打包系统简单入门
  • react-core-image-upload 一款轻量级图片上传裁剪插件
  • SpringCloud(第 039 篇)链接Mysql数据库,通过JpaRepository编写数据库访问
  • Terraform入门 - 3. 变更基础设施
  • webpack项目中使用grunt监听文件变动自动打包编译
  • 大型网站性能监测、分析与优化常见问题QA
  • 分享几个不错的工具
  • 工作踩坑系列——https访问遇到“已阻止载入混合活动内容”
  • 力扣(LeetCode)22
  • 两列自适应布局方案整理
  • 前嗅ForeSpider教程:创建模板
  • 学习笔记:对象,原型和继承(1)
  • 要让cordova项目适配iphoneX + ios11.4,总共要几步?三步
  • 正则学习笔记
  • 从如何停掉 Promise 链说起
  • # Apache SeaTunnel 究竟是什么?
  • #define,static,const,三种常量的区别
  • #HarmonyOS:软件安装window和mac预览Hello World
  • #在 README.md 中生成项目目录结构
  • $.ajax()参数及用法
  • ()、[]、{}、(())、[[]]命令替换
  • (14)目标检测_SSD训练代码基于pytorch搭建代码
  • (3)Dubbo启动时qos-server can not bind localhost22222错误解决
  • (done) NLP “bag-of-words“ 方法 (带有二元分类和多元分类两个例子)词袋模型、BoW
  • (HAL库版)freeRTOS移植STMF103
  • (Java)【深基9.例1】选举学生会
  • (javascript)再说document.body.scrollTop的使用问题
  • (三)Hyperledger Fabric 1.1安装部署-chaincode测试
  • (十一)手动添加用户和文件的特殊权限
  • (转)linux下的时间函数使用
  • (转)winform之ListView
  • 、写入Shellcode到注册表上线