美文网首页
jQuery相关方法总结 02

jQuery相关方法总结 02

作者: IT男的成长记录 | 来源:发表于2017-05-17 19:13 被阅读0次

事件

添加事件处理程序

  • 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])

相关文章

网友评论

      本文标题:jQuery相关方法总结 02

      本文链接:https://www.haomeiwen.com/subject/hqxjxxtx.html