jQuery小结二

jQuery操作样式

参数只写属性名，则返回的是属性值

$(this).css("color")

参数是属性名，属性值，逗号分隔，是设置一组样式，属性要加引号，值如果是数字可以不用跟单位和引号

$(this).css("color","#f35")

参数可以是对象格式，方便设置多组样式，属性名和属性值用 : 冒号隔开

$(this).css({"color":"#fff","font-size":"20px"}) 

操作类名 

作用等同于以前的classList 可以操作类 里面的参数不要加点

添加类

$("div").addClass("current")

移除类

 $("div").removeClass("current")

切换类

$("div").toggleClass("current") 

和原生JS className的区别 原生 className会覆盖原先的类名，jQuery里 类操作只是对指定类进行操作，不影响原先的类名。

jQuery动画

jQuery给我们封装了很多动画效果，最为常见的如下：

显示掩藏 show()  hide() toggle()

上滑下滑 slideDown()  slideUp() slideToggle()

淡入淡出 fadeIn() fadeOut() fadeToggle()  fafeTo(指定透明度)

自定义动画 animate()

他们都可以传入对应的参数 参数都可以省略，无动画直接显示

动画队列和停止排队

动画或者效果一旦触发就会执行，如果多次触发，就造成多个动画或效果排队执行

停止排队：stop()

stop() 方法用于停止动画或效果 

注意：stop() 写到动画或者效果的前面，相当于结束上一次的动画

实例用法：

    $('ul li').hover(function () {

        $(this).siblings().stop().fadeTo(300,0.4)

    },function () {

        $('ul li').stop().fadeTo(300,1)

    })

如果不适用stop会出现的问题：鼠标已经不再移动 但排列的动画还在继续执行

加上stop 就会出现我们想要的效果