在jquery中添加背景图片background-image容易出错的地方，路径出错

最新推荐文章于 2022-07-23 10:42:46 发布
最新推荐文章于 2022-07-23 10:42:46 发布
阅读量1.2k 收藏 1
点赞数 1
分类专栏： JS 文章标签： jquery js css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lan_shen/article/details/119035889
版权

这里容易出错的是导入路径问题

错误写法：

$("body").css("background-image","url('../image/bg1.jpg')")

正确写法：

$("body").css("background-image","url('image/bg1.jpg')")

不要在路径前加 ../

兰神经
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
怎样通过jquery为div设置背景图片
kerryqpw的博客
02-17 1381
jquery怎样为div设置背景图片 　$(....).css("background-image", "url(....)"); $("#scene_pic_wrap_01").css("background-image","url("+url_path+")").css(" background-repeat","no-repeat").css('backg...
JQuery修改background-image背景图片
小糖穿越火线
10-31 3705
JQuery修改background-image背景图片 使用： var src = ' ../resource/images/top-img.png'; $("#videoCoverLayer").css('background-image', 'url(' + src + ')'); 等于： background: url("../resource/images/top-img.p...
jquery设置背景图片
Jimmy_Lee
01-22 7647
$(this).css("background-image","url(on.jpg)");
jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了
热门推荐
大任的网络专栏
02-26 14万+
jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了 $(this).css("background-image","url(on.jpg)");
jquery设置网页背景图片
friendan的专栏
05-01 1554
jquery设置网页背景图片 $('body').css("background-image","url(/images/BK2.jpg)"); $('body').css("background-size", "100% 100%"); $('body').css("background-repeat", "no-repeat"); ...
JQuery获取样式中的background-color颜色值的问题
10-26
用JQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样，经搜索找到了下段代码可解决此问题，感兴趣的朋友可以参考下
jQuery动态移除和添加背景图片的方法详解
08-24
主要介绍了jQuery动态移除和添加背景图片的方法,结合实例形式分析了jQuery针对页面元素样式及事件响应的动态操作技巧,需要的朋友可以参考下
Jquery刷新页面背景图片随机变换的实现方法
01-21
使用方法：下载jquery-1.9.1.js，然后设置CSS，图片文件放在images/new_feed/目录下，图片命名格式为bg_x.jpg,修改随机数产生范围 一、CSS代码 代码如下:<style> body{ padding:0; background-attachment:...
jquery 背景图片_使用jQuery的美丽背景图片导航
culiao9310的博客
09-28 349
View demo 查看演示Download Source 下载源In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items ...
jquery动态修改background-image
qq_41797053的博客
12-05 1万+
<div class="wer" > <!-- <img src="./image/1.jpg" alt=""> --> </div> <p id="one" data-serial='1' data-next="true">下一张</p> <p id="two&q
jQuery的css()如何修改背景图片
irose的博客
10-07 7101
html,这是空的，当然我们需要引入jQuery <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no...
jq点击修改背景background-image
有问题可关注公众号：前端研究院 后台输入问题回复
06-08 4747
正确写法：$(‘.jiaohuan_X’).css(‘background-image’,’url(“图片名称.png”)’); 记住url必须写错误写法 $(‘.jiaohuan_X’).css(‘background-image’,’(“图片名称.png”)’); 这边没有url是错误的，因为本身就是background-image 啊~~~~
jq通过css设置背景图片不生效问题
weixin_44283589的博客
11-04 1305
这样写不会生效,找不到路径 $('.box').css('background-image','url(../img/mx1.png)'); 要写成 $('.box').css('background-image','url("../img/mx1.png")');
jquery获取img路径_jQuery获取元素的层次结构路径
06-28 318
jquery获取img路径 jQuery函数通过确定元素祖先并遍历其父元素直到到达树的根来获取元素的层次结构路径。 在线演示 /*jQuery function to create path function used to get the path of the node in the tree*/ jQuery.fn.extend({ getPath: function (pat...
【统计知识】 2
weixin_44042304的博客
10-09 3244
小白学数据，只为记录学习进程，对每个问题有新的理解会及时更正。 一、ROC曲线 TPR = TP / (TP+FN):召回率(Recall) FPR = FP / (FP+TN) TP / (TP+FN):精确度(Percision) (TP+TN) / (TP+FP+TN+FN)：正确率 二、等深划分，等宽划分 等深划分：保证每个划分区间的长度一样 等宽划分：保证每个区间里面的数据数量一样 三、数据的属性类型 1、标注属性 2、二元属性：只有两个状态，0和1，比如性别属性 （对称二元属性：属性的两个状态的
jquery轮播图（更改路径地址版）
m0_72899605的博客
07-23 460
jq代码写仿小米商城轮播图
jquery解析图片地址字符串中文乱码的解决方法
本杰明的博客
06-18 3797
-当我们需要解析图片地址字符串时，如果我们用jquery直接获取src中的地址时，输入以下代码： alert($('.img_class').attr('src')); -输出为： -解决方法：加上decodeURL(para)方法，如下所示 alert(decodeURL($('.img_class').attr('src')）); 此时再次渲染页面，输出为： 可以看到url中的中文正常显示~
jq图片懒加载，支持background-image背景图
linss
01-29 1524
jq图片懒加载，支持background-image背景图 修复旧版以background-image背景图方式加载图片时用 placeholder 图片提前占位功能失效的bug 完整代码：https://gitee.com/foreign-project/jquery-lazyload 图片调用方法： 为图片加入class名lazy 图片路径引用方法用data-original <style> /* 以背景图方式加载时需要设置该样式 */ .commodity-img{
使用jqueryprint 无法打印背景图片的解决方法
weixin_39091232的博客
11-28 1150
在style中加入 <style> @media print { body{-webkit-print-color-adjust:exact;} } </style>
jq 动态更换background-image
最新发布
06-19
JQuery（简称jq）是一个轻量级的JavaScript库，常用于简化HTML文档遍历、事件处理、动画和Ajax交互等任务。如果你想使用JQuery动态更换HTML元素的背景图片，你可以这样做： ```javascript // 获取元素 var $element = $('#your-element-id'); // 替换 'your-element-id' 为你想要操作的元素ID // 定义新的背景图片 URL var newBackgroundImage = 'path/to/your/new/image.jpg'; // 使用JQuery的attr()方法来更改背景图像 $element.css('background-image', 'url(' + newBackgroundImage + ')'); // 或者，如果你使用jQuery的链式操作，可以这样写 $element .attr('style', 'background-image: url(' + newBackgroundImage + ')') // 如果元素没有内联样式，可以直接设置style属性 .css('background-image', 'url(' + newBackgroundImage + ')'); // 否则，用css()方法覆盖

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值