pourquoi addClass && removrClass jquery ne fonctionne pas

Question

pourquoi ce code ne fonctionne pas? Est-ce que cette méthode fonctionne seulement avec css?

<input type="button" class="one" value="click Me" /> 
<input type="button" value="change Class" id="clk" /> 

<script> 
$("#clk").click(function() { 
    $('[value = "click Me"]').removeClass('one').addClass('tow'); 
    alert($('[value = "click Me"]').attr('class')); //print tow 
}); 
$(".one").click(function() { 
    alert('one'); 
}); 
$(".tow").click(function() { 
    alert('tow'); 
}); 
</script> 

Answer 1

Essayez d'utiliser la délégation de l'événement Comme classe tow n'existe pas lorsque vous liez événement click lui

$(document.body).on('click',".tow",function(){ 
     alert('tow'); 
}); 

Answer 2

$('body').on('click', '.one', function (event) { 
    alert('one'); 
}); 
$('body').on('click', '.tow', function (event) { 
    alert('tow'); 
});