jquery - 如何使用 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...

score 44 · Accepted Answer

我怀疑cssleft自己理解。您需要使用它指定位置。您使用.css()正确

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

这是它的工作原理

如果没有这个职位，这就是你得到的

将您的 if 语句更改为这样 - 带有引号-900px

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

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

score 4 · Accepted Answer

你的代码是正确的。用 .items 替换项目，如下所示

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

score 0 · Accepted Answer

你是对的。使用该css()方法，您可以检索存储在 DOM 中的所需 css 值。您可以在以下位置阅读更多相关信息：https ://api.jquery.com/css/

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

3 回答 3