0
0
藏色散人
发布时间：2020-12-15 14:12:54
|6930人浏览过
|来源于php中文网
原创
jquery更改img元素的src属性的方法：首先在html文件中，给button按钮绑定onclick点击事件；然后在js标签内创建editsrc函数；接着通过“id(myimg)”获得img对象；最后使用attr方法设置src属性即可。
本教程操作环境：windows7系统、jquery1.10.0版本，该方法适用于所有品牌电脑。
推荐：《jquery视频教程》
在jquery中，主要通过attr()方法来设置img标签的src属性，从而实现改变img标签的src属性。
方法：首先需要获取img元素，然后使用.attr("src","值")来更改img元素的src属性。
具体介绍：
在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行editsrc()函数。
在js标签内，创建editsrc()函数，在函数内，使用$符号通过id(myimg)获得img对象，使用attr()方法设置src属性，例如，设置src图片路径为“images/3.jpg”。
在浏览器打开test.html文件，点击按钮，查看实现的效果。
相关文章
如何实现响应式全屏滑出菜单（桌面固定宽度，移动端铺满屏幕）
如何实现响应式全屏滑出菜单（桌面固定宽度 / 移动端占满视口）
如何正确解析并格式化带双引号的 JSON 字符串数组
如何正确解析并展示带双引号的 JSON 数组字符串
如何将单类选择器升级为多类批量处理（jQuery 多变量选择器教程）
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题深入讲解 C++ 中的高级模板编程与元编程技术，涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例，帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码，并提升代码的灵活性与性能。
17
2026.01.23
热门下载
相关下载
精品课程
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
