JQuery 为动态生成的元素添加事件

在编写JS的时候，在给某个div增加新的DOM内容的时候，想为添加的DOM元素设置click方法，但是发现click方法始终没用，html代码如下：

<div class="test"></div>

script代码为：

<script>
   $(function () {
      $(".test").html("<button class='btn'>btn</button>");
    })；
    $(".btn").click(function () {
      alert('xxxx')
    })；
</script>

这样，虽然可以添加button元素，但是对button设置的click方法是无效的，正确的方法为：

<script>
   $(function () {
      $(".test").html("<button class='btn'>btn</button>");
    })；
    $("body").on("click", ".btn",function () {
      alert('xxxx')
    })；
</script>