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

通过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以后貌似要用后面的方法了
第4个回答  2013-03-20
$('img').prop("src","取到的图片地址");

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网