Can’t the jquery selector select jQuery objects created by Anonymous function inside?

  node.js, 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();
 bracket
 })

Facts have proved that pet-name ruby this paragraph is completely useless, but if it is not to access the objects inside, such as $(‘body’) can be used as a selector to access.
Reasonable words, even if $html is a local variable but has been added to dom, should it be accessible?

The problem lies here: when this keydown event is bound, the element. con1 is not yet in the DOM. In order to realize event binding of the elements dynamically generated by js after the first rendering of the page, jquery’s on () method is used:

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