jQuery注册事件的三种方式

本文介绍了jQuery中注册事件的三种方式,包括其隐式迭代的特点,帮助理解jQuery如何在内部进行事件绑定的封装和循环处理。
// JQ注册事件
      // 方式1. $('css选择器').on('事件类型',事件处理函数)  - 常用
      $('#myDiv').on('click',function () {
        console.log('div被点击了');
      })

      // 方式二 $('css选择器').事件类型(事件处理函数)  
      // 注意: .事件类型 没有on
      $('#myDiv').click(function () {
        console.log('1');
      })
      
      // 方式三 :事件委托  将所有孩子们相同的事件 委托给父级或者更外层的元素绑定实现 (利用了事件冒泡)
      // 语法: $('css选择器').on('事件类型','筛选器',事件处理函数)
      $('ul').on('click','li',function () {
        console.log('你好 - 事件委托',this);
        // this指向当前点击的li
        // this原生dom对象
        console.log($(this));
      })

注意: JQ 隐式迭代 - 内置循环 内部帮我们封装好了循环的过程

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值