jquery如何更改img元素的src属性

这篇文章主要介绍了jquery如何更改img元素的src属性,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联网站建设服务商,为中小企业提供成都网站制作、成都做网站服务,网站设计,网站托管等一站式综合服务型公司,专业打造企业形象网站,让您在众多竞争对手中脱颖而出创新互联

jquery更改img元素的src属性的方法:首先在html文件中,给button按钮绑定onclick点击事件;然后在js标签内创建editsrc函数;接着通过“id(myimg)”获得img对象;最后使用attr方法设置src属性即可。

在jquery中,主要通过attr()方法来设置img标签的src属性,从而实现改变img标签的src属性。

方法:首先需要获取img元素,然后使用.attr("src","值")来更改img元素的src属性。

具体介绍:

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

jquery如何更改img元素的src属性

在js标签内,创建editsrc()函数,在函数内,使用$符号通过id(myimg)获得img对象,使用attr()方法设置src属性,例如,设置src图片路径为“images/3.jpg”。

jquery如何更改img元素的src属性

在浏览器打开test.html文件,点击按钮,查看实现的效果。

jquery如何更改img元素的src属性

感谢你能够认真阅读完这篇文章,希望小编分享jquery如何更改img元素的src属性内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!


文章标题:jquery如何更改img元素的src属性
URL网址:http://bzwzjz.com/article/ggchsd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 响应式网站设计方案 专业网站设计 网站建设公司 成都网站建设公司 泸州网站建设 成都网站建设 自适应网站设计 成都商城网站建设 成都网站建设 成都网站设计 营销型网站建设 定制网站制作 成都网站建设 温江网站设计 成都网站制作 响应式网站设计 成都定制网站建设 手机网站制作 重庆电商网站建设 重庆网站建设 营销型网站建设 成都网站建设