jQuery的两大特点样式操作、类名操作以及动画操作

两大特点：

　　1.链式编程：任意的设置型操作后可以继续操作当前对象

　　2.隐式迭代：偷偷的遍历，只能在设置操作时生效

样式操作：

　　1.设置样式操作：

　　例：$('#box').css('backgroundColor','red');

　　       $('#box').css('width',100);

　　　　多个样式同时设置时

　　　　　　$('#box').css({

　　　　　　　　width : 100,

　　　　　　　　height : 100,

　　　　　　　　backgroundColor : 'red'

　　　　　　})

　　2.样式获取操作

　　　注：只能进行单个元素的单个样式获取，获取结果是字符串形式，具有单位

类名操作

　　1.addClass()     类名添加

　　2.removeClass()      移除类名

　　3.toggleClass()      切换类名

　　4.hasClass()      检测类名是否存在

动画操作

　　1.显示与隐藏

　　　　show()与hide()不设置参数时，只是普通的显示与隐藏，不具有动画

　　　　$('#box').show(1000，function(){})

　　　　//参数1：运动时间，毫秒单位

　　　　//参数2：函数，表示运动完毕后执行的操作

　　　　hide()同上

　　2.滑入、滑出与切换

　　　　slideDown()   滑入，下拉

　　　　$('#box').slideDown(1000，function(){})

　　　　//参数1：运动时间，默认400

　　　　//参数2：函数，运动完毕后执行的操作

　　　　slideUp()   滑出，上拉    用法同上

　　　　slideToggle()   切换     用法同上  如果当前为显示状态，执行slideDown,否则执行slideUp

　 　3.渐入、渐出、切换与渐到

　　　　fadeIn()   渐入    用法同滑入滑出  默认值相同

　　　　fadeOut()    渐出      用法同滑入滑出  默认值相同

　　　　fadeToggle()     切换     用法同滑入滑出  默认值相同

　　　　fadeTo()    渐到    

　　　　例：$('#box').fadeTo(1000，0.3，function(){})

　　　　//参数1：运动时间，默认400

　　　　//参数2：渐变到什么程度

　　　　//参数3：函数，运动完毕后执行的操作

　　4.自定义动画

　　　　$('#box').animate({

                left : 800

              }, 1000, function () {

              console.log('运动完毕了');

              // 运动完毕后也可以设置新的运动效果或其他任意操作

              $('#box').animate({

                    top : 300,

                    left : 180

               }, 2000);

             });

　　　　animate()  自定义动画

　　　　//参数1：运动要修改的样式(必写)

　　　　//参数2：运动时间

　　　　//参数3：运动模式  默认变速'swing'    匀速'linear'

　　　　//参数4：运动完毕后执行的操作，函数