给未来元素添加事件 jquery 1.10.2 版本

　　<!-- 给未来元素添加事件 -->
    <div class='dv'>
        <button type='button' class='btn'>点击事件按钮</button>
    </div>
    <hr/>
    <div class='dv1'>
        <button type='button' class='btn'>添加元素按钮</button>
    </div>
    <script type='text/javascript' src='./js/jquery-1.10.2.min.js'></script>
    <script type='text/javascript'>
        $(function () {
            $(".dv").on('click','.btn',function () {
                /*给.dv类添加一个事件，要求后来添加的元素也能调用到这个绑定的事件*/
                alert(1);
            });
            $(".dv1").on('click','.btn',function () {
                var t = Math.random().toString().substring(2,5);
                /*新添加的元素*/
                var html = "<button type='button' class='btn'>新按钮"+t+"</button>";
                $(".dv").append(html);
            });
        });
    </script>