插件窝 干货文章 jQuery如何设置背景颜色

jQuery如何设置背景颜色

class div 颜色 背景 525    来源:    2024-10-11

jQuery设置背景颜色

        <script type="text/javascript">
            $(document.body).css("background","pink")
        </script>

jQ动态改变背景颜色的background兼容问题

改变某一个元素的背景颜色,在开发中应该是个比较常见的功能,但是就是这样一个简单功能,在谷歌 火狐和IE浏览器上也会出现兼容问题

具体问题如下:

<!--颜色和样式这里我就省略了-->
<div class="item">立即咨询</div>

如果想用jq获取这个div的样式用

 console.log($(".item").css("background"))

对的 这样在谷歌上是可以打印出它的样式,但是你会发现,在IE和火狐上打印的却是空,为什么呢?

是因为background属性太广泛,具体到单一属性就可了

console.log($(".item").css("backgroundColor"))

这样就可以打印出它的背景颜色了,当然你也可以打印出其他的属性。

以上为个人经验,希望对您有所帮助。