爲什麼addClass && removrClass jquery不工作

Question

爲什麼這段代碼不工作？做這個方法只能使用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

嘗試使用事件代表團作爲tow類，當你點擊事件綁定到它

$(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'); 
});