189 8069 5689

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://jkwzsj.com/article/piojgc.html

其他资讯