ボタンをクリックして1行分のliを追加します.

910 ワード

1.  class=btn       
  • '
    $('.btn').click(function()
      $('ul').prepend('
  • +''+'
  • ')
    }
    2.class=input 1の入力枠をクリックすると、現在クリックしているものにclass=input_を追加します.スタイルをオンにして、他のものを削除します.
    $(function () {
        $('ul').on('click','#name,.input1',function () {
            $(".input1").removeClass("input_on");
            $(this).addClass("input_on")
        })
    })
    ↑↑↑↑↑↑↑↑
    イベント依頼:泡が発生する原理を利用して、イベントを父親レベルに追加し、実行効果を触発する.
    例:
          felix    
  • fff
  •    
  • fff
  •     $(document).ready(function()       //on()メソッドによる        $('ul').on('click'、''菗奈me,felix',function(){            consolie.log(this)        });        //将来の追加要素        $('ul').appnd('relix')    })