jQuery效果-为操作添加艺术性

通过jQuery修改样式：

1.修改内联CSS

getter: .css('property')

setter: .css('property','value')

           .css({property1:'value1','property2':'value2'})

2.基本的隐藏和显示

.hide()    .show()

3.效果和速度

.show('slow||normal||faster') 或数值  .hide('slow||normal||faster')或数值

.fadeIn('slow||normal||faster')或数值  .fadeOut('slow||normal||faster')或数值

4.多重效果

show() hide()会同时修改宽度，高度和不透明度属性。

fadeIn() fadeOut() fadeTo() 只改变不透明度。

slideDown() slideUp()高度

animate() 可以创建包含多重效果的自定义动画。（可以接受四个参数：包含属性及值的映射，速度，缓动，回调函数。）

例：.animate({param1:'value1',param2:'value2'},speed,function(){

    //code

});

5.并发与排队效果

 处理一组元素：

    当在一个.animate()方法中以多个属性的方式应用时，是同时发生的。

    当以方法连缀的形式应用时，是按顺序发生的（排队效果）。

 处理多组元素：

    默认情况下是同是发生的。

    当事件处理程序的回调函数中应用时，是按顺序发生的（排队效果）。

 

 附：在需要多次使用某个jQuery对象时，最好把这个对象保存到一个变量中。