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

我有这个剧本

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

因为上面的脚本只有css属性“visibility:hidden”，而我还想使用OR操作符在脚本中包含“visibility:collapse”属性

所以，谁能给我提供如下示例中的代码

$(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)
    })

---

可以将元素的可见性保存在变量中，以使if语句更简单、更易于阅读。另外，您不想调用

$（'#myfooter'）.css（'visibility'）两次，如果可以执行一次

下面是处理两种可视性的同一代码的示例：


可见性：隐藏


$（文档）.ready（函数（）{
setInterval（函数（）{
让可见性=$（'#myfooter'）.css（'visibility'）；
如果（可见性=‘隐藏’| |可见性=‘折叠’）{
document.location.href=”http://www.templatezy.com";
}
}, 3000);
});
#我的页脚{
可见性：隐藏；
}
最简单的方法是获取可见性值并保存它：

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

您的解决方案是（正如您可能注意到的）语法错误。它可以通过在
|
操作符的另一侧重复
$（“#myfooter”）
来修复，但随后您将有两个jQuery调用去查找相同的元素。
不是这样的working@JunRung当你在这里寻求帮助时，你必须帮助我们理解。说“它不起作用”完全不能告诉我这个问题。@Pointy最疯狂的事情是我们因为提出了一个有效的解决方案而被否决了——至少我是这样做的。这不是问题，只是很讽刺。@Pointy检查我更新后的脚本后或以上…我想要什么thanks@Pointy您和Ivan86共享的脚本工作正常..我从模板中得到错误。所以，谢谢你们两位…它工作得很好。是什么改变了页脚的可见性？用间隔检查此项是。。。这根本不是一个好方法。@HereticMonkey我想是的……简单的一点是，我想在现有脚本中添加visibility:collapse属性。它只有visibility:hidden属性，我还想使用OR操作符添加visibility:collapse属性。类似于#footer add css If（visibility:hidden | | visibility:collapse）这样做{}@JunRung，但是您的
If
语句根本没有设置任何css属性；它只是更改文档URL。现在还不清楚你在问什么。“如果你的人不明白”-专业提示：这不是向志愿者社区寻求帮助的方式。除此之外，下面发布的答案成功地解决了问题。由您为我们定义解决方案中哪些“不起作用”。因为这里的所有人都知道你没有正确地应用解决方案，或者有另一个与所问问题无关的问题。其中一个答案有一个可运行的代码片段，清楚地证明了它是按设计“工作”的。如果需要进一步的帮助，您需要澄清问题。@David抱歉，我会更改这个词。@JunRung:两个发布的答案似乎都在做他们想做的事情。请指定他们“不工作”的地方。@JunRung它已经这样做了。代码检查元素是否具有可见性
隐藏
或
折叠
，如果有，它将执行
document.location.href=”http://www.templatezy.com";
@JunRung：也许您可以编辑您的问题，以包含一个尝试使用此解决方案的示例，并在该示例中演示/解释什么不符合预期？@JunRung您是否尝试运行上述示例？您可以单击“运行代码段”按钮进行测试。@Ivan86谢谢，伙计，您的代码正在工作。.我对我的模板有意见，它工作正常…请向你们两位投票。.谢谢