dom - 为什么 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

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

Answer 2

尝试使用事件委托，因为当您将点击事件绑定到它时，该类tow不存在

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