jquery2.0 动态追加事件 追加到的html的input绑定click事件

jquery2.0后，在页面加载的事件里，动态绑定事件则是用到on方法。大家看一下以下代码段： 同时也有说使用live on

 $(function () {
      var tstr = "";
        tstr += "<tr><td><input type='text' ></td>";
    tstr += "<td style='vertical-align: middle;'>删除<h2>×</h2></a>";
        tstr += "</td></tr>";
    $(".guser tbody").append(tstr);
        $(".guser tr input").on("click", function () {
                alert(111);
        });
})

//load comment
    function showcom(url){
        var xhr=new XMLHttpRequest();
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4){
                $('ul#getcommentcon').html(xhr.responseText);
                
                //jquery 2.0动态追加事件
                $('a.replypar').off('click');  //绑定前先解绑 防止重复提及
                $("a.replypar").on("click",function(){
                    var reply=$(this).parent().nextAll().eq(1);
                    if(reply.css('display')=='none'){
                        reply.show();
                    }else{
                        reply.hide();
                    }
                });
            }
        }
        xhr.open('get',url);
        xhr.send(null);
    }
    
    showcom('/commentok/poid/1');