javascript - $ (".navbar.navbar-inverse").click() 有效，但 $ (".navbar .navbar-inverse").click() 无效？

Question

我仍在学习网页设计的诀窍，并且我无法理解一些事情是如何工作的......

我创建了一个函数来切换导航栏标题背景颜色，我发现以下内容是正确的，但不确定原因:

作品:

$(".navbar.navbar-inverse".click(function() {
    $(this).toggleClass("highlight");
});

不起作用(导航栏和导航栏反转之间的空格):

$(".navbar .navbar-inverse".click(function() {
        $(this).toggleClass("highlight");
    });

同样，如果我将此函数应用于导航栏切换，则相反:

有效(导航栏和导航栏切换之间的空格):

$(".navbar .navbar-toggle").click(function() {
              $(".navbar-inverse").toggleClass("highlight");
          });

不起作用:

$(".navbar.navbar-toggle").click(function() {
                  $(".navbar-inverse").toggleClass("highlight");
              });

奖金...

无法使用此方法更改导航栏切换背景:

不起作用:

$(".navbar .navbar-toggle").click(function() {
              $(this).toggleClass("highlight");
          });

Answer 1

第一个引用了具有 navbar 和 navbar-toggle 类的元素，第二个引用了 .navbar-toggle ，它是一个后代.navbar。这就是放置空格的作用:)