jQuery操作样式
1.添加样式
addClass()
2.删除样式
removeClass()
3.判断是否有样式
hasClass()
4.切换类样式
toggleClass();
jQuery属性操作
attr(标签属性)------用法和css(样式属性)一样
设置单个属性 attr("属性名","属性值")
设置多个属性 attr({"属性1,":"属性值1","属性2,":"属性值2"})
prop()---------对于bool类型的属性,不要用attr方法,用prop,
stop()停止动画
有两个参数( clearQueue, jumpToEnd)
1, clearQueue :是否清除动画队列
true:清除动画队列,直接停止
false:只清除了当前的动画,停止,再直接执行后面动画,直到执行完
2, jumpToEnd :是否跳转到当前动画的最终效果
(根据上一个视情况而定) true :直接跳到当前的最终结果
false:只清除了当前的动画,停止,再直接执行后面动画,直到执行完
stop( true/false,true/false)
三组基本动画
show()和hide():从左上角到右下角的一个过程
1. 不传入参数:没有动画效果
2. 传入一个参数:show(speed)
speed:动画持续的时间,可以毫秒值,也可以是固定字符串
fast:200ms normal:400ms slow:600ms
3. 传入两个参数: show([speed],[callback])
callback:动画成功后的回调函数
slideUp()和slideDown()和slideToggle------滑入滑出,类似卷帘门:从上往下的一个过程
1. 不传入参数:也有动画的效果,有一个默认的normal
2. 传入一个参数:slideDown(speed)
speed:动画持续的时间,可以毫秒值,也可以是固定字符串
fast:200ms normal:400ms slow:600ms
3. 传入两个参数: slideDown([speed],[callback])
callback:动画成功后的回调函数
fadeIn()和fadeOut()和fadeToggle():淡入淡出
animate();自定义动画
第一个参数,对象,里面放的是需要的动画的样式
第二个参数,speed,动画执行的时间
第三个参数,动画执行的效果,linear swing
第四个参数,回调函数