如何使用jquery获取css样式的值

Question

我想知道应该使用什么类型的方法来获取CSS样式的值。我想将它设置为jQuery，以便我可以创建条件来匹配CSS“左”值。

以下是带有样式属性的CSS和HTML标记。

<div class="items" style="left: -900px"> <span>some content here</span> </div>

这是我获取值的jQuery代码。

<script>
  var n = $("items").css("left");
  if(n == -900){
    $(".items span").fadeOut("slow");
  }
</script>

我想知道这种方法是否正确，因为它不适合我。提前感谢您的帮助。

注意：左侧值是动态的，它正在变为这些值：-900px，-1800px，-2700px，-3600px，-4500px ...

Answer 1

我怀疑css自己理解left。您需要使用它指定位置。您正在使用.css（）

position: relative/absolute/whatever;
left: 900px;

这是一个工作的小提琴

http://jsfiddle.net/gFLZe/

并且没有这里的位置是你得到的

http://jsfiddle.net/gkkm5/

将if语句更改为此类 - 引号括-900px

var n = $("items").css("left");

if(n == '-900px'){
    $(".items span").fadeOut("slow");
}

http://jsfiddle.net/gFLZe/1/

Answer 2

您的代码是正确的。用.items替换项目如下

<script>
  var n = $(".items").css("left");
  if(n == -900){
    $(".items span").fadeOut("slow");
  }
</script>

Answer 3

是的，你是对的。使用css()方法，您可以检索存储在DOM中的所需css值。您可以在http://api.jquery.com/css/

了解更多相关信息

但是如果你想获得它的位置，你可以检查offset()和position()方法来获得它的位置。