如何解决jquery on 不生效问题

<div id="test">

<div class="evt">evt1</div>

</div>

<script>

// 先绑定事件再添加div

$('#test .evt').on('click', function() {alert($(this).text())});

$('#test').append('<div class="evt">evt2</div>');

</script>

<script>

$('body').on('click', '#test .evt', function() {alert($(this).text())});

$('#test').append('<div class="evt">evt2</div>');

</script>

$("#grid").on("click","input[name=ck]",function(){

$("input[name=ck]").not(this).prop("checked",false);

});