jquery如何改变css背景图?

html-css017

jquery如何改变css背景图?,第1张

jquery改变CSS背景图修改方法

如果需要使用Jquery修改CSS网页背景样式。用户可以这样写$(‘p’).css({"background-image":"url(../images/msg_btn.gif"})

Jquery-CSS用法

css() 方法返回或设置匹配的元素的一个或多个样式属性。返回第一个匹配元素的 CSS 属性值。注释:当用于返回一个值时,不支持简写的 CSS 属性(比如 "background" 和 "border")。

参考资料:JQuery

常用的方法有两种:

1、用jquery直接加样式在html控件上,但是需要注意点加important的格式,如:

$("p").click(function(){

$(this).css("cssText","color:red!important")

})

2、用jquery改变class,从而达到改变样式的目的,如果可以,就用jquery修改原来的class,如果原有class是必须的或者没有class,就定义一个新的class,在样式表里定义好这个class对应的样式属性,把你想改变的原来的css属性重新赋值且加上important,这样就能覆盖掉原来的加了important样式了。

$(".newItem a").hover(function(){

   $(this).css("color","red")//移入

},function(){

   $(this).css("color","blue")//移出

})

是这样的效果吗?