通过jquery已经获取了图片的地址。该如何吧jquery获取的图片地址放入img标签的src里面?
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的<script>标签,输入jquery代码:$('img').attr('src', 'small3.png');。
3、浏览器运行index.html页面,此时成功用jquery把图片地址放入了img标签的src中。
温馨提示:答案为网友推荐,仅供参考
第1个回答 推荐于2018-02-26
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属性达到修改显示图片的效果
本回答被网友采纳第2个回答 推荐于2016-06-10
$('#img').attr('src',“图片地址”),这样就把取到的值放入img标签的src里面了本回答被提问者采纳
第3个回答 2013-03-20
$("img").attr("src","地址")
$("img").prop("src","地址"),
具体的Jquery版本忘了 1.6以前的版本用前面的方法,1.6以后貌似要用后面的方法了
$("img").prop("src","地址"),
具体的Jquery版本忘了 1.6以前的版本用前面的方法,1.6以后貌似要用后面的方法了
第4个回答 2013-03-20
$('img').prop("src","取到的图片地址");