title: How to define events within a class in ECMA 6 using jquery selectors?
body: <p>I've defined a class with the new standard ECMA6 and I want to put all the click events and other stuff within the class. How can I do that? I've search across several articles and none of them mention how to do this......I tried to define the events on the constructor like this but didn't work at all:</p>
  
  <pre><code>   class Grid{
  
          constructor(gridOptions) {
           this.grid_header='';
           this.grid_body='';
           this.grid='';   
           this.options=gridOptions;
           this.cacheDom();
           this.bindEvents();
           this.buildGrid();
  
         $( ".page" ).on( "click", function() {
                 alert("hola");
               });
  
  
          }
  
          cacheDom() {
             this.$greeder = $(this.options.selector);
          } 
  
          bindEvents() {
  
          }
  
          buildGrid(page_number=1){
  
  
          }
  
  
      }
  </code></pre>
  
  <p>EDIT: I want that everytime that event gets triggered, to execute a method from my class</p>