动态给div标签指心猿意马一张图片,利用jquery是比力便利的,本文介绍两种体例:
1)设置div的布景图
2)div内部插入一个图片标签
东西/原料
- visual studio code
方式/步调
- 1
打开visual studio code,新建如下布局的文件,在vs code中的html页面输入一个感慨号,再按一下Tab键,就可以快速建立H5格局的页面DOM布局
- 2
在页面上添加一个div,设置高=300px,宽=300px。再添加两个按钮,用于后面演示点击按钮时给div添加图片
- 3
在页面head部门,引入jquery源码,要利用jquery是必需要引入其源文件的
- 4
在页面添加Jquery代码,绑心猿意马【添加布景图】按钮的点击事务,动态给div添加布景图
- 5
在浏览器中打开页面,点击【添加布景图】,就可以看到图片的结果
- 6
在页面添加Jquery代码,绑心猿意马【添加img标签】按钮的点击事务,动态给div插入一个img标签,显示图片
- 7
在浏览器中运行,结果如下
来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!
本文链接:https://www.ibaiwen.com/web/206571.html
- 上一篇: 支付宝如何永久注销账户,简单教程
- 下一篇: 刺激战场春节新春版本更新了哪些内容
- 热门文章
-
WB蒙特利尔(WB Montreal)——欧美十大最差视频游戏开发商
迅猛龙(Velociraptor)——欧美史前十大死亡动物
什么是果酱猫(What Marmalade Cats)?
神奇蜘蛛侠2(The Amazing Spider-Man 2)——欧美最佳蜘蛛侠电影
希瑟(Heather)——欧美十大最佳柯南灰歌
二人梭哈
奥兹奥斯本(Ozzy Osbourne)——欧美十大高估歌手
什么是小脑前下动脉(Anterior Inferior Cerebellar Artery)?
我应该知道康涅狄格州的什么(What Should I Know About Connecticut)?
faceu激萌怎么把瘦脸开到最大
- 热评文章
- 最新评论
-
- 最近访客
-
- 站点信息
-
- 文章总数:200248
- 页面总数:9
- 分类总数:1
- 标签总数:0
- 评论总数:0
- 浏览总数:497