如何在JavaScript If语句中添加多个CSS属性？[副本]

Question

我有这个剧本

$(document).ready(function() {
            setInterval(function() {
              if ($('#myfooter').css('visibility') == 'hidden'){
                    document.location.href = "http://www.templatezy.com";
                }
            }, 3000)
        })

因为上面的脚本只有css属性“可见性：隐藏”，而我还想通过使用或运算符在脚本中包含“可见性：崩溃”属性。

所以有人能给我提供像下面这样的编码吗？

$(document).ready(function() {
            setInterval(function() {
              if ($('#myfooter').css('visibility') == 'hidden')||.css('visibility') == 'collapse'){
                    document.location.href = "http://www.templatezy.com";
                }
            }, 3000)
        })

这只是一个例子，它不起作用。我只想分享我想要的想法。我想使用OR运算符，而不是使用单独的脚本“可见性：折叠”。我希望你们也能通过添加“Visibility:collapse”proepty在现有脚本中添加OR操作符。谢谢

**

**你们可以在这里看到。。我在下面共享了这两个脚本…现在通过在一行中调整可见性：隐藏和可见性：折叠属性使其成为一个脚本。我希望您现在能理解…使用两个脚本将增加编码，通过在一行中使用这两个css属性使其成为一个。谢谢

$(document).ready(function() {
        setInterval(function() {
            if ($('#myfooter').css('visibility') == 'hidden') {
                document.location.href = "http://www.templatezy.com";
            }
        }, 3000)
    })

$(document).ready(function() {
        setInterval(function() {
            if ($('#myfooter').css('visibility') == 'collapse') {
                document.location.href = "http://www.templatezy.com";
            }
        }, 3000)
    })

Answer 1

可以将元素的可见性保存在变量中，以使if语句更简单、更易于阅读。另外，您不想调用$（'#myfooter'）.css（'visibility'） 两次，如果可以执行一次。

下面是处理这两种可见性的相同代码的示例：

可见性：隐藏

$(document).ready(function() {
  setInterval(function() {
    let visibility = $('#myfooter').css('visibility');
    if (visibility == 'hidden' || visibility == 'collapse') {
      document.location.href = "http://www.templatezy.com";
    }
  }, 3000);
});

#myfooter {
  visibility: hidden;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="myfooter"></div>

Answer 2

最简单的方法是获取可见性值并保存它：

           let vis = $("#myfooter").css("visibility");
           if (vis == 'hidden' || vis == 'collapse'){
                document.location.href = "http://www.templatezy.com";
           }

您的解决方案是（正如您可能注意到的）语法错误。可以通过在|操作符的另一侧重复$（“#myfooter”）来修复此问题，但是您需要调用两个jQuery来查找相同的元素。