快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

jquery如何改变img的src属性

这篇文章主要介绍“jquery如何改变img的src属性”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jquery如何改变img的src属性”文章能帮助大家解决问题。

创新互联专注于企业网络营销推广、网站重做改版、杜尔伯特网站定制设计、自适应品牌网站建设、H5场景定制购物商城网站建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为杜尔伯特等各大城市提供网站开发制作服务。

jquery改变img src属性的方法:1、使用attr()属性,语法“$("img").attr("src","图片文件的地址")”;2、使用prop()方法,语法“$("img").prop("src","图片文件的地址")”。

jquery如何改变img的src属性

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery改变img的src属性

方法1:使用attr()属性

attr() 方法设置或返回被选元素的属性值。




	
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					$("img").attr("src","img/2(2).jpg");
				});
			});
		
	

	
		


jquery如何改变img的src属性

方法2:使用prop()方法

prop() 方法设置或返回被选元素的属性和值。




	
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					$("img").prop("src","img/3(2).jpg");
				});
			});
		
	

	
		


jquery如何改变img的src属性

关于“jquery如何改变img的src属性”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


分享名称:jquery如何改变img的src属性
路径分享:http://6mz.cn/article/piojgc.html

其他资讯