jQuery事件委托

228 阅读1分钟

事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操

  <div class="main">
        <!-- <button>add</button> -->
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script>
        $(function () {
            let btn = $("<button/>").html("add");
            $(".main").append(btn);
            $(".main").on("click", "button", function () {
                let btn = $("<button/>").html("add");
                $(".main").append(btn);
            })
        })
    </script>