jQuery

jQuery学习：

最好的学习方法：查看jQuery的API

jQuery下载：

jQuery官网：http://jquery.com/

其它网站：

http://www.bootcdn.cn/jquery
https://cdnjs.com/libraries/jquery

在线手册：http://jquery.cuishifeng.cn/index.html

(注！jquery-2.0以上版本不再支持IE 6/7/8)

缓动函数速查表：jQuery.Easing 有很多动画实现特效。

stop（）与finish（）区别：

stop：如果元素身上现在有多个运动，stop会停止元素身上现在正在执行的运动，然后开始队列中下一个运动。

finish：如果元素身上现在有多个运动，finish会停止元素身上所有的运动，并且将元素的状态立即调整为最后一个运动指定的目标状态。

jQuery对属性操作：

prop()和attr()属性区别（在jQuery高版本中分工会更加明确）：

prop一般用来操作元素的特定属性，比如id，class，a标签的href，img的src，input的value。（能给元素提供特殊功能或效果的属性，就属于特定属性）

attr()一般用来操作元素的非特定属性。

删除属性：removeAttr和removeProp

removeAttr可以删除任意属性，本质上是删除属性节点。

removeProp是将属性的值删掉。

对样式的操作能用class操作尽量不要使用js和jquery去操作。（CSS类）

可使用：addClass(class|fn)、removeClass([class|fn])或返回值:jQuerytoggleClass(class|fn[,sw])

例如：

文档处理-内容插入：

尾部添加：append（xxx尾部添加xx）、appendto（把xx添加到xxx尾部）

头部添加：prepend（xxx头部添加xx）、prependto（把xx添加到xxx头部）

文档处理-外部插入：

affter、insterAfter、before、insertBefore

文档处理-包裹：

wrap给每一个选中的标签加外部包裹结构

unwrap取消外部包裹

wrapAll把所有被选中的元素外层只包一个

wrapInner内容进行包裹

文档处理-替换：

replaceWith(content|fn)和replaceAll(selector）

文档处理-复制：

clone([Even[,deepEven]])

文档处理-删除：

empty() 清空元素内容

remove([expr]) 删除元素，返回结果被删除元素

detach([expr])删除元素，返回结果被删除元素

remove与detach的区别：

remove会将元素节点和他身上的事件效果都删除。

detach只删除元素节点，不删除他身上的事件和效果

CSS——位置

offset：元素在当前可视窗口的相对偏移。

position():获得有定位属性的left值和top值

scrollTop ():获取匹配元素相对滚动条顶部的偏移。

scrollLeft():获取匹配元素相对滚动条左侧的偏移。

CSS——尺寸

height内容高度

innerHeight内边距+内容高度

outerHeight总高度（内容+内边距+边框）

事件——事件处理

on 绑定事件，给未来元素加事件

给新创建的元素加事件

off事件删除

one绑定只执行一次的事件

hover(fn,fn); 两个函数，第一个函数移入后响应，第二个函数移出相应。

trigger 触发事件

触发表单的submit事件

触发a标签的点击事件

---

如有问题欢迎交流。

如转载请注明出处，谢谢！