jQuery 选择器 不能选择匿名函数里创建的jquery对象吗？

Question

 function init() {    $('.new_button').click(function () {     var $html = $(    '<div class="new_con">' +      ' <div class="con con1"> ' +          ' <input type="text" value="这里是标题" onclick="this.select()"/> ' +    '</div>' +    '<div class="con con2">' +          '<div class="add_qs">+     添加问题</div>' +    '</div> '  +          '<div class="con3">' +          '<span>问卷截止日期 &nbsp <input type="text"  id="calendar" /> </span>' +          '<span class="btn sav_btn" >保存问卷</span>' +          '<span class="btn rel_btn">发布问卷</span>' +     '</div>' +'</div>');     $('.con_bg').empty().append($html)      });⑨ $(".con1 input[type=text]").keydown(function (e) {      console.log(e.target)      if(e.keyCode == 13) {          console.log(e.keyCode)           $(this).blur();       }   })事实证明⑨这一段完全没有作用，但是如果不是访问里面的对象的话，比如$('body')却是可以做选择器来访问的。讲道理的话，即便$html 是局部变量但是已经被添加进入了dom里面，应该可以访问啊？

Answer 1

问题出在这里：这个keydown事件在绑定时，.con1这个元素还不在DOM中。为了实现对页面第一次渲染完成之后被js动态生成的元素做事件绑定，要用jquery的on()方法：

$(".con1 input[type=text]").on('keydown', function (e) {      console.log(e.target)      if(e.keyCode == 13) {          console.log(e.keyCode)
          $(this).blur();
      }
  })