jQuery的操作

jQuery可以操作的样式可以分成两种css和class两种样式。
css又可以分成三种:
1:设置单个样式。
2:设置多个样式。
3:获取样式。

class可以分成用法:

1:添加class样式。

2:移除class样式。

3:判断class样式。

4:切换class样式。

jQuery操作也可以做动画,比较常用的有以下几种:

1:slideDown slideUp slideToggle    slideDown(speed,callback)
slideDown slideUp是滑入和滑出的意思,效果有点像卷帘门的效果,slideDown是向下滑入,就像拉下卷帘门,另一个就是反之向上拉。
2:fadeIn   fadeOut  fadeTo  fadeToggle   fadeIn(speed,callback)
是淡入,淡出的意思。也就是透明度的意思。
3:show   hide   toggle   show(speed,callback)
show和hide是用来做显示和影藏的,他们两个后面括号里的如果没有时间参数,那就不会生成动画效果。
4:animate(prop, speed, easing, callback)
是自定义动画,你想怎么让他动就怎么动。
上面的动画中传入的时间参数有两种形式:
指定字符串:
fast(200ms) normal(400ms) slow(600ms)
数字:就是动画执行的时间,单位是ms。
自定义动画中多了两个参数分别未prop和easing,分别是什么意思呢?
prop是对象的意思,里面有多个属性和值,

easing是控制动画执行的效果,它有两个值分别为:

操作动画时要注意动画队列,你给元素添加多个动画时,都会放在队列中排队,后面的动画要等前一个完成后才会开始下一个,依次执行。

我们可以用stop()来解决,stop是停止当前正在执行的动画,他后面有两个参数分别为clearQueue(意思:是否清除动画队列,参数为bool类型

), jumpToEnd(意思:是否跳转到动画的最终效果, 参数为bool类型

两个都是布尔类型,他们可以分成四组不同的意思:

1:清除动画队列,并且跳转到动画最终效果。

2:清除动画队列,切不跳转动画最终效果。

3:不清楚动画队列,并且不跳转到动画最终效果。

4:不清除动画队列,但跳转到动画最终效果

jQuery也可以操作节点,可以创建节点,添加节点。
创建节点:

添加节点append(),是添加到所有子元素的后面:

注意:如果添加的元素是页面中的元素,会把页面的元素剪切掉,因为append带剪切功能。

prepend是添加到所有子元素的前面。用法和append一样。

before:是添加到当前元素的前面。

after;是添加到当前元素的后面。

清空元素有两种:

还有一种删除元素:

还有克隆元素:

 

 




posted @ 2016-08-21 23:16  綪﹏誓言  阅读(144)  评论(0编辑  收藏  举报