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；是添加到当前元素的后面。

清空元素有两种：

还有一种删除元素：

还有克隆元素：

jQuery的操作

标签：

原文地址：http://www.cnblogs.com/cykblogs/p/5793968.html