javascript - .on() と名前空間の構文を使用して、複数のイベント ハンドラーをアタッチします。

Question

jQuery で.on()を使用する場合、次のように複数のイベント ハンドラーをアタッチできます。

$("li").on({
  click: function(){
    $(this).toggleClass("active");
  },
  mouseenter: function(){
    $(this).addClass("inside");
  },
  mouseleave: function(){
    $(this).removeClass("inside");
  }
});

次のように、名前空間を使用してイベントを処理することもできます。

$( 'li' ).on( 'click.toggles', function() {
  $(this).toggleClass("active");
});
$( 'li' ).off( 'click.toggles' );
//click.toggles is the name space?

これら 2 つの構文をどのように組み合わせますか? .off()を使用して、一連の複数のイベント ハンドラーを簡単にオフにしたいと考えています。

それとも、名前空間を完全に理解していないのでしょうか。これは間違っています。