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标签的点击事件如有问题欢迎交流。
如转载请注明出处,谢谢!