js3

 animate：

 

 

 

 说明：第一个是目标，第二个参数是效果的时间。

 手风情案例：

 

 

 

思路：

 

 

 关键代码：

 

 

 

 

 

 

 

固有属性值的获取和设置：

 

 自定义属性的获取和设置：

案例：全选按钮:有2个全选按钮，3个按钮，点中一个全选其他都全选：

 

 

 思路：

 

关键代码:

 

 

 

 元素内容：

 

案例，购物车增减：

 

 

 

 用parents返回指定的class为one的祖先元素：

 

 保留2位小数：

 

 用户修改文本框，则重新计算：

 

each遍历：

第一个参数是索引号，代表要遍历的每个元素的索引号，第二个参数是dom对象，代表每个元素

 

 each同等写法，可以遍历元素，数组，对象:

 

 

 

创建，添加，删除元素：

 

 

注册多个事件：

 

 

如果2个事件都用同一个函数，可以： 

 

 事件委托：给ul注册事件，但是是通过li来触发，然后执行ul的函数，此时this是li

 

即使一开始没有li，但是由于on是动态的，所以后面创建的li也能触发事件，而click就不行：

 

 案例：微博发布：

 

结构和代码：

 

 

 

 off解除on绑定的事件：

 

one只触发一次： 

 

 

 自动触发：

 

说明：input有个默认事件是文本框有焦点后，光标会一闪一闪的。

extend拷贝对象：

 

默认是浅拷贝，对于复杂数据类型，2者操控的是同一个数据：

 深拷贝是独立的复制，各是各，而且原来的数据不覆盖

$命名冲突：

 

jQuery插件：

 

图片懒加载（只有当用户继续往下看的时候才会加载图片）：

 

 替换快捷键：Ctrl+H

全屏插件：

 

数组删除元素splice：

案例：todolist:

 

 

 

结构

 

存储测试：

 

 

 思路：

 

 

 

 

 

 

 

 

 

关键代码：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 为了统计更新load函数和完善title：

 

 

 

尺寸：

 

 

 

 位移offset,position：

 

 

被卷去：

 

 

不仅获取还能设置：

 

 

 

 带有动画的返回顶部：

 

 

案例：电梯导航：

 

 

思路：

 

 

关键代码：

 说明：滚动的时候显示和隐藏：

 

 

 改进:

 

 

 

 

 

 说明：只有当滚动结束之后，才回复flag