样式操作
1、css() 操作样式
-修改单个样式 :name ,value
-修改多个样式:字典形式
-获取样式 :只传样式名
-隐式迭代:1、设置样式时,给所有选择对象设置样式
2、获取样式时,只会返回第一个元素的值
2、class 操作样式
-addClass() :追加样式
-removeClass() :移除样式
-hasClass() :判断是否有相应类,返回true/false
-toggleClass() :追加和移除样式交替
3、属性操作
-attr() :-一个参数返回属性值
-设置属性值和css() 相同
-注意:checkbox、select及使用disable的表单标签,不能使用attr()设置属性,因为其返回值是,undefined而不是false。
-removeAttr():移除属性
-prop() :设置属性,和attr()用法相同
-注意:用在属性 checked、selected、disable、enable 的设置,返回true或false。
动画操作:
三组基本动画:
1、显示/隐藏:show()/hide():
-[speed]:完成动画的时间
-固定字符串:fast 200 /normal 400/slow 600
-[callback]:回调函数,用于动画完成时执行
2、滑入/滑出/切换:slideDown()/slideUp()/slidetoggle():
3、淡入/淡出/切换:fadeIn()/fadeOut()/fadetoggle();
自定义动画:
animate():
-{key:value} : 动画执行的最终效果,第一个参数必填
-[speed]:动画执行的时间
-['linear']:动画执行的效果,固定参数linear、swing
-[callback]:回调函数
动画队列:未执行的动画存放的位置,不会丢失,但是会等待浪费时间。
stop():停止正在执行的动画
-clearQueue:是否清空动画队列,true/false,默认false
-jumpToEnd:是否跳转到当前动画最终效果,true/false,默认false