jquery如何改变img的图片路径

我要该类lb1里面的img的图片路径,可以修改么... 我要该类lb1里面的img的图片路径,可以修改么 展开
 我来答
百度网友4970322
2019-07-14 · TA获得超过1.5万个赞
知道答主
回答量:647
采纳率:50%
帮助的人:38万
展开全部

可以使用jQuery的“attr”方法改变img的图片路径。

1、新建html文档,在body标签中添加img标签,设置图片的路径为“a.png”,然后引入文件:

2、为img标签添加id“demo”,然后添加脚本代码“$("#demo").attr("src", "b.png");”,代码的意思先获取img标签,然后将路径改为“b.png”:

3、用浏览器打开网页,按F12键打开网页源码,可以查看img路径已经从“a.png”换成“b.png”了:

钓侠
2016-01-09 · 知道合伙人互联网行家
钓侠
知道合伙人互联网行家
采纳数:90 获赞数:563
麦子学院讲师,WEB前端工程师,专注于WEB开发,精通Discuz、PHPCMS等开源程序!

向TA提问 私信TA
展开全部

HTML代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<img id="img" src="http://www.baidu.com/images/logo.gif" alt="百度知道" />
<p>修改为:http://www.dz7.com.cn/template/dz7_tuhao1/images/logo.png  进行测试</p>
<form action="#" method="post">
<input type="text" name="text" id="text" value="" />
</form>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
$('#text').bind('input propertychange', function() {
$('#img').attr("src",$('#text').val());
});
})
</script>
</body>
</html>

案例测试:

在表单中更改值;

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
水吧码农
推荐于2018-02-27 · 超过21用户采纳过TA的回答
知道答主
回答量:61
采纳率:40%
帮助的人:21.2万
展开全部

假设img的id为#img。图片路径为当前文件夹下的test.jpg,代码如下

$("#img").attr("src","test.jpg");
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
希志入
2015-07-06 · TA获得超过265个赞
知道小有建树答主
回答量:123
采纳率:0%
帮助的人:147万
展开全部
$(".lb1 img").attr("img","图片的新地址");


你要学jquery,可以先百度搜索 “jquery api 中文”自带的例子,你一个个看过去,基本要的效果都会了。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
花叶雨落123
推荐于2016-06-18 · 超过79用户采纳过TA的回答
知道小有建树答主
回答量:187
采纳率:50%
帮助的人:163万
展开全部
给IMG一个ID,JS里得到它的SRC属性,写个字符串连接不就好了
<IMG ID="id" src="">

document.getElementById("id").src=变量;
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式