JQuery 之 事件委托(事件代理)

事件委托/事件代理：

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

事件委托的写法：

• $(选择器).delegate( 事件真实发生在谁身上, 事件属性，匿名函数写命令)

事件委托的好处：

• 可极大减少事件绑定次数，提高性能
• 可让动态加入的子元素绑定相同的命令

Example：

<!--js部分-->
<script>
    $(function () {
        // 把子级li元素的单击事件委托在父级ul身上
        $('ul').delegate('li', 'click', function (event) {
        // this 表示当前单击的元素
        alert($(this).html())
        })
    })
</script>

<!--html部分-->
<ul>
    <li>文字1</li>
    <li>文字2</li>
    <li>文字3</li>
</ul>