jquery如何改变img的src属性

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

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

jquery改变img src属性的方法：1、使用attr()属性，语法“$("img").attr("src","图片文件的地址")”；2、使用prop()方法，语法“$("img").prop("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");
				});
			});
		
	

	
		



		更改img src属性值（换图）
	

方法2：使用prop()方法

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

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

	
		



		更改img src属性值（换图）
	

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

标题名称：jquery如何改变img的src属性
文章位置：http://cdxtjz.com/article/piojgc.html