jQuery给动态添加的元素加点击事件失效的原因以及解决办法

一、问题描述

　　用jQuery的append()方法动态添加了一段html代码之后，发现在为新添加的元素绑定click事件时无法获取该新元素。

二、解决方法

使用jQuery的on（）方法添加元素。

三：关键代码

$().ready(function(){

  $("#click1").bind("click",function(){

    $("p").append("<div class='new'><b>I'm clicked!</b></div>");

  });

  //on方法要先找到原选择器（p),再找到动态添加的选择器（.new)

  $("p").on("click",".new",function(){

　　　　$(this).remove();

  });

});

 

原博客：https://www.jb51.net/article/87287.htm；