javascript - 2 个 CSS 类可以激活同一个脚本吗？

Question

下面的脚本使页面在点击具有 class="nav"的链接时淡出。

我还想以相同的方式为具有 class="home"的链接激活脚本。

会怎么做呢？有 $('.nav & .home') 这样的东西吗？？

谢谢

<script type="text/javascript">
$('.nav').click(function(){
        var url = $(this).attr('href');

        $('.mask').fadeIn('medium', function(){
            document.location.href = url;
        })
        return false;
    });

});

Answer 1

您可以简单地使用逗号来指定 multiple selectors :

$('.nav, .home').doSomethingToBoth();

一个鲜为人知的替代方法是使用 add :

$('.nav').doSomethingToNavs().add('.home').doSomethingToBoth();

我还应该补充说做 .class选择器很慢。如果你只知道<a>元素将具有 .nav和 .home类，你应该这样写你的选择器:

$('a.nav, a.home').click(...);

如果没有这个，jQuery 将被迫查看文档中的每个元素 以查看它是否具有您指定的类，而不是仅查找 <a>。元素与原生 getElementsByTagName然后查看他们是否指定了类(class)。这只是一个需要记住的好习惯。