JQuery|動的ラベルの作成


<div class="box">
  <h3></h3>
  버튼 클릭시 p태그를 생성하여 result1에 추가 <br>
  <input type="button" value="확인" id="btn1" >
  <div id="result1"></div>
</div>

<div class="box">
  <h3></h3>
  버튼 클릭시 img를  생성하여 result2에 추가 <br>
  <input type="button" value="이미지 추가하기" id="btn2" >
  <div id="result2"></div>
</div>
$(function(){
  
      $('#btn1').on('click', function(){
          ptag = $('<p></p>', {
                          'class' : 'pp',
                          'text'  : '무궁화 꽃이 피었습니다',
                          'click' : function() {
                              $(this).css('background', 'lime');
                          }
          });
        $(ptag).appendTo($('#result1'));
      });

    $('#btn2').on('click', function(){
      vimg = $('<img>', {
                  'src'   : '../images/등대.jpg',
                  'alt'   : '등대.jpg',
                  'click' : function(){
                      $(this).css('border', '2px solid blue');
                  }
      });
      $(vimg).appendTo($('#result2'));
    });

});