让前端飞Web前端之路程序员

jQuery

2017-05-22  本文已影响93人  被时光移动的城

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标签的点击事件

如有问题欢迎交流。

如转载请注明出处,谢谢!

上一篇下一篇

猜你喜欢

热点阅读