Question

如何把jquery的值放入img标签的src里面

通过jquery已经获取了图片的地址。该如何吧jquery获取的图片地址放入img标签的src里面？

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：$('img').attr('src', 'small3.png');。

3、浏览器运行index.html页面，此时成功用jquery把图片地址放入了img标签的src中。

Answer 2

src是<img>标签的属性，因此可以通过设置HTML元素属性的方法来实现，关键代码

$("img").attr("src",some_url);

实例演示——点击按钮后更改图片

1、创建Html元素

<div class="box">
	<p><span>实例演示：点击按钮切换图片</span></p><br><p></p>
	<div class="content">
		<img src="1.png">
	    <input type='button' value='切换图片' />
	</div>
</div>

2、设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
img{width:115px;height:115px;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}

3、编写jquery代码

$(function(){
	$("input[type='button']").click(function() {
		src_0 = $("img").attr("src");
		src_1 = src_0=="1.png"?"2.png":"1.png";
		$("img").attr("src",src_1);
	});
});

4、观察效果

4.1 初始状态

4.2 点击”切换图片“按钮后，通过修改<img>标签的src属性达到修改显示图片的效果

Answer 3

$('#img').attr('src'，“图片地址”),这样就把取到的值放入img标签的src里面了

Answer 4

$("img").attr("src","地址")
$("img").prop("src","地址")，
具体的Jquery版本忘了 1.6以前的版本用前面的方法，1.6以后貌似要用后面的方法了

Answer 5

$('img').prop("src","取到的图片地址");