$（ "。navbar.navbar-inverse"）。click（）は動作しますが、$（ "。navbar .navbar-inverse"）。

Question

私はまだウェブデザインの縄を学んでいますが、いくつかのことがうまくいくかを理解することができません...

私はnavbarヘッダーの背景色を切り替える機能を作成しました。真なぜわからないように、次の

作品：

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

が（ナビゲーションバーとナビゲーションバー-逆ところでスペース）は動作しません：

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

私は、ナビゲーションバー-トグルにこの機能を適用した場合0

は同様に、逆は真である：

ワークス（スペースところでナビゲーションバーとナビゲーションバー-トグル）：

$(".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とnavbar-toggleと要素を意味します。スペースを置くのはこれです：

Answer 2

this answerのように、「navbar.navbar-inverse」で特定のクラス（「navbar-inverse」）を含む要素（「navbar」など）を選択できます。あなたはこれら二つの間に空白を追加した場合、それは基本的に

がクラスナビゲーションバー-逆を持っているし、ナビゲーションバーの子供

乾杯