菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端基础-付盼盼-20230526 [打印本页]

作者: 下潜 时间: 2023-6-14 19:22
标题: 前端基础-付盼盼-20230526
一、学习内容

使用on()进行事件的绑定
绑定单一事件
              $('.box').on('mouseover', function () {
              console.log('over')
            })
绑定多个事件
         $('.box').on({
            mouseover: function () {
                  console.log('over')
                  },
                  mouseout: function () {
                  console.log('out')
                 },
                 click: function () {
                  console.log('click')
            }
            })
事件委托
   优势:动态追加的元素也会有绑定的事件
解绑
      $('.jc').on('click', function () {
         解除单一事件
         $('.bd').off('click')
         解除全部事件
         $('.bd').off()
      })
offset()  不考虑父元素的定位问题，可以进行赋值操作
position() 不可以进行赋值操作
scroll() 滚动事件
      scrollTop() 头部卷去的部分
      scrollLeft() 左侧卷去的部分
for...in... 操作对象
for...of... 操作数组的

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)