jQuery相关方法总结 02

事件

添加事件处理程序

• on(enents [,selector] [,data],handler(event))
• 参数说明:
  • events:一个或多个空格分隔的事件类型和可选的命名空间.例如"click","click.mybutton"
  • selector:一个选择器字符串,用于过滤出被选中的元素中能触发事件的后代元素
  • data:当一个事件被触发,要传递给事件处理函数的数据,在事件处理函数中通过event.data来使用
  • handler(event):事件被触发时,执行的函数

<ul>
    <li>1-1</li>
    <li>1-2</li>
    <li>1-3</li>
</ul>
<script src="jquery-3.1.1.js"></script>
<script>
// 事件委托/事件代理 ul是被选中元素,li是后代元素,即只有ul中的li能触发click事件
    $('ul').on('click', 'li', function(event) {
        console.log(this);
        console.log(event);
    })
</script>

移除事件处理程序

• off(event [,selector] [, handler])