jquery如何改变img的图片路径

我要该类lb1里面的img的图片路径，可以修改么

举报该文章

可以使用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”了：

温馨提示：内容为网友见解，仅供参考

第1个回答 2016-01-09

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>

案例测试：

在表单中更改值；

第2个回答推荐于2018-02-27

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

$("#img").attr("src","test.jpg");

第3个回答 2015-07-06

$(".lb1 img").attr("img","图片的新地址");

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

本回答被网友采纳

第4个回答推荐于2016-06-18

给IMG一个ID，JS里得到它的SRC属性，写个字符串连接不就好了
<IMG ID="id" src="">

document.getElementById("id").src=变量;本回答被提问者采纳

相似回答

大家正在搜