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