在jquery中 ， 可以通过attr()方法来替换图片的src地址 ， 下面小编举例讲解jquery如何替换图片src地址 。
文章插图
需要这些哦
html+jquery
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解jquery若何替代图片src地址 。
文章插图
2在test.html文件内 ， 在p标签内 ， 利用img标签建立一张图片 ， 图片地址为images文件夹下的1.jpg 。
文章插图
3在test.html文件内 ， 设置img标签的id为mypic ， 本家儿要用于下面经由过程该id获得图片对象 。
文章插图
4在test.html文件内 ， 利用button标签建立一个按钮 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行editpic()函数 。
文章插图
5在js标签中 ， 建立editpic()函数 ， 在函数内 ， 经由过程id获得img对象 ， 利用attr()方式设置src为新的图片路径 ， 即替代本来图片的src地址 。
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
文章插图
文章插图
总结：1【jquery如何替换图片src地址】1、建立一个test.html文件 。
2、在文件内 ， 利用img标签建立一个图片 ， 同时建立一个button按钮 ， 用于触发执行js函数 。
3、在js标签内 ， 建立函数 ， 在函数内 ， 经由过程id获得img对象 ， 利用attr()方式设置src为新的图片路径 ， 即替代本来图片的src地址 。
注重事项attr()方式同样合用于元素其他属性的设置 。
以上内容就是jquery如何替换图片src地址的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何在Excel中插入视频
- 如何快速查到自己是否被大学录取？
- 小孩子如何办理身份证
- 夏天中暑了怎么办 中暑怎么治疗 中暑如何处理
- 如何提高写作业的效率和速度 怎样提升写作业的速度
- 如何快速的学会做饭做菜
- 夏天吹空调导致的头痛如何缓解
- 如何保存抖音好听的音乐
- 如何让局域网中的其他主机访问虚拟机
- 如何引入Bootstrap