JSJquery，如何实现背景图片的更换

JavaScript018

JSJquery，如何实现背景图片的更换,第1张

更换背景图片有两种方式：

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的理念，同时第二种可以实现背景图片不断替换，而第一种不行

你好，Jquery修改背景图片方法如下：

$("这里写css选择器").css("background-image","url(这里填图片路径)")

或者

$("css选择器").css({"background-image":"url(图片路径)"})

比如修改一个p标签的背景为bjt.jpg可以写成：

$("p").css({'background-image':'url(bjt.jpg)'})

1：div22.style.background = "red"这样可以实现div22这个元素的背景颜色为红色。而div22添加的样式是内联样式。2：所以内联样式？你需要知道一下什么是内联样式。也就是这个元素本身的style属性中的css样式，这里的style属性中国的css样式权重值最高。3：在内联样式中，如果想要写一个背景图片那么就需要这样写才能生效：<div style="background-image：url('img/1.jpg')"></div>4：所以在js中动态添加或这更改背景图片就需要这样：div22.style.backgroundImage = "url('img/1.jpg')"5：对以上会打有哪里不理解的请指正或者追问