JSFiddle - React, Tailwind, and code Playground

HTML

<table id="myTableId" border="1">
    <tr>
        <td>Hugo</td>
        <td>Hermelin</td>
    </tr>
    <tr>
        <td>Eric</td>
        <td>Cremosa</td>
    </tr>
</table>
<input type="button" value="add events" id="myButtonId2">
<input type="button" value="remove events" id="myButtonId">

JavaScript

$("#myButtonId").click(function(){
    
    $("#myTableId tr td").unbind("mouseover");
    $("#myTableId tr td").unbind("mouseout");    
    
})
    
    
$("#myButtonId2").click(function(){
   
    $("#myTableId tr td").mouseover(function(){

        $(this).css("color", "red")
    
    })
        
    $("#myTableId tr td").mouseout(function(){
            
        $(this).css("color","green")
    
    })   
    
})