扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
可以使用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”了：
jquery改变CSS背景图修改方法
如果需要使用Jquery修改CSS网页背景样式。用户可以这样写$(‘p’).css({"background-image":"url(../images/msg_btn.gif"});
Jquery-CSS用法
css() 方法返回或设置匹配的元素的一个或多个样式属性。返回第一个匹配元素的 CSS 属性值。注释：当用于返回一个值时，不支持简写的 CSS 属性（比如 "background" 和 "border"）。
参考资料：JQuery
更换背景图片有两种方式：
1、直接给元素附加css，因为js附加的css样式要比css中的样式权限高，那么js设置的背景图片就会覆盖之前的图片
$(this).css("background","url(1.jpg) no-repeat 0 0");
2、写两个class，一个class里面写一个背景图片，js中操作的话直接改变元素的class就可以了
$(this).removeClass('classA').addClass('classB');
相对而言，第二种方式更好一点，实现了js中尽量不书写css的理念，同时第二种可以实现背景图片不断替换，而第一种不行
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网