<div>
  <li>li1</li>
  <li>li2</li>
  <li>li3</li>
</div>
<ul>
</ul>
<!--為一個元素添加事件，那么這個元素不論移到那里，不能是否綁定他，那么這個元素都將擁有這個事件-->
<script>
  var li=document.querySelectorAll('li');//獲取所有的li元素
  var div=document.querySelector('div');//獲取div元素
  var newLi=document.createElement('li');//創(chuàng)建一個新的小li
  newLi.innerHTML='我是新建的li4';//修改新的小li的HTML中的內(nèi)容
  div.appendChild(newLi);//把新的小li添加到div中
  //遍歷所有l(wèi)i,為他們綁定點擊事件
  li.forEach(function (el){
      el.addEventListener('click',function (){
          alert('我被點擊了');
      })
  })
  var ul=document.querySelector('ul');
  ul.appendChild(li[2]);
</script>

 var div=document.querySelector('div');//獲取div元素
  var newLi=document.createElement('li');//創(chuàng)建一個新的小li
  newLi.innerHTML='我是新建的li4';//修改新的小li的HTML中的內(nèi)容
  div.appendChild(newLi);//把新的小li添加到div中
  var li=document.querySelectorAll('li');//獲取所有l(wèi)i元素，包括新建的li元素

 var li=document.querySelectorAll('li');//獲取所有l(wèi)i元素，包括新建的li元素
  var li=document.querySelectorAll('li');//獲取所有的li元素
  var div=document.querySelector('div');//獲取div元素
  var newLi=document.createElement('li');//創(chuàng)建一個新的小li
  newLi.innerHTML='我是新建的li4';//修改新的小li的HTML中的內(nèi)容
    div.addEventListener('click',function (e){
        console.log(e.target);
    })
  div.appendChild(newLi);//把新的小li添加到div中

 $('ul').on('click','li',function (){
      alert('我是新建li')
  });
  $('ul').append("<li></li>");

 $(".createDiv").delegate('agin', 'clik', function () { 
　　　　　　　　alert(‘我是新建小li');
  });