JQ第三天

56 阅读1分钟

JQ第三天

  • 尺寸操作
  1.  宽高
     	内容
     	padding
     	border
     	margin
    
  2.  偏移
     	相对于document;offset()
     		获取+设置
     	相对于定位父级:position()
     		获取
     	滚动事件
     		scrollLeft():少用
     		scrollTop():常用
     		页面滚动控制:$('html,body')兼容处理
    
  • 事件历史发展
  1. on注册事件
     	普通事件:on('事件类型',回调函数)
     	事件委托:on('事件类型','子元素选择器',回调函数)
     		事件里面的this指向子元素
    
  2.  用off解绑事件
     	只能解绑jq自己注册的事件
     	off():全部事件
     	off('事件类型'):同类型事件
     	off('事件类型',回调函数):指定具体有名回调事件
    
  • 补充
  1.  释放控制权:$.noConclict()
     	解决$冲突问题(多库共存)
    
  2.  链式编程原理
     	方法返回对象(大部分时候是this)
     		设置:无限链
     		获取:断(慎用)
    
  3.  jq插件使用
     	引入方式
     		先引入jq
     		后引入jq插件
     	使用:找官方
    
  • 购物车
  1.  需求1:选择控制问题
    
  2.  需求2:数据统计问题
    
  3.  需求3:商品数量改变问题
     	加
     	减
    
  4.  需求4:删除问题
     	单删
     	选中删
     	全部删