javascript/jquery oop learning

Question

Я очень новичок в ООП. я понимаю, что это похоже на класс CSS, у нас есть классы, которые мы могли бы применять/использовать.

это мой код.

$(".mybutton").click(function(){ 
    $(this).siblings('.mybutton').removeClass('active').end().addClass('active');   
}); 


$('.mybutton, .second').click(function(event){ 
    $('#thisDiv').hide().filter(this.hash).show(); 
    event.preventDefault(); 
}); 

$('.second').on("click", function(){ 
$(".mybutton").eq(1).siblings('.mybutton').removeClass('active').end().addClass('active'); 
    $("html, body").animate({ 
     scrollTop: $('#contact').offset().left - 20}, 
     800); 
}); 

Как преобразовать их в стиль oop?

var Doit = { 
    init:function(){ 
     $(".mybutton").on("click", this.active); 
    }, 
    active:function(){ 
    $(this) 
     .siblings('.mybutton') 
      .removeClass('active') 
       .end().addClass('active'); 
    }, 
    filter:function { 


    } 


}; 

Doit.init(); 

Если кто-то может дать мне подсказку, если мой код действительно нужно изменить на ООП?

Благодаря

Answer 1

Попробуй, как,

var Doit = function(){ 
    this.init=function(){ 
     $(".mybutton").on("click", this.active); 
    }, 
    this.active=function(){ 
     $(this) 
      .siblings('.mybutton') 
       .removeClass('active') 
        .end().addClass('active'); 
    }, 
    this.filter=function() { 
     //code 
    } 
}; 

Читать дальше Javascript Object Oriented