如何使用jQuery读取/写入外部定义的css类的元素的值？

Question

我在html文件中有一个div,定义如下:

<div id="rangeTabAll"></div> 

在外部定义的样式表中,我定义了以下样式.

#rangeTabAll{
    top:45px;
    left:124px;
    width:186px;
    height:114px;
    display:none;
    background:#ffffff url(../images/rangetab0.jpg) no-repeat;
}

我如何使用jQuery读/写背景值？该

$('#rangeTabAll').css('background')

方法不会工作,因为它不是内联样式.和

$('#rangeTabAll').attr('class') 

未定义.

我可以用javascript做到这一点很简单,但我想知道它是如何通过jQuery完成的.

Answer 1

background是扩大到所有不同的"神奇" CSS属性background-*的属性,如background-image,background-color,background-repeat...

要在jQuery中获取它们,您可以调用$('#rangeTabAll').css('backgroundColor')等等.注意camelCase而不是用破折号分隔单词.

我刚刚注意到jQuery background-color会backgroundColor为你转换为等等,所以你不必担心.你也可以这样做$('#rangeTabAll').css('background-color').