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

JavaScript06

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:对以上会打有哪里不理解的请指正或者追问