javascript - jQuery "or"运算符不适用于 mouseleave？

Question

$('.submenu' || '#categorymenu_100000') 似乎仅适用于 .submenu:

$(document).ready(function () {
    $('li a').on("mouseenter", function () {
        if ($(this).attr('href') == "/Pages/Men") {
            $('#categorymenu_100000 .submenu').show();
        }
    });
    $('.submenu' || '#categorymenu_100000').on("mouseleave", function () {
        $('.submenu').hide();
    });

Answer 1

'.submenu' || '#categorymenu_100000' 是一个 JavaScript 表达式，会生成 '.submenu'，因为 '.submenu' 是一个真值 – 它是一个字符串，而且不是不空。 || 选择其操作数的第一个真值。

如果您想选择与这些选择器中的任何一个匹配的元素，则需要使用 CSS 分隔符:,。 jQuery 适用于 CSS 选择器，而不适用于 JavaScript 表达式(这并不神奇)。

$('.submenu, #categorymenu_100000').on('mouseleave', …);