jquery方法1

jquery 样式的添加

<p>        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi soluta minima dicta molestias, delectus, quae quasi, porro minus nostrum, assumenda voluptas reiciendis eligendi vitae modi excepturi atque perferendis accusamus blanditiis.</p>

alert($('p').css('background'))alert($('p').css('background-color'))

两种alert方法的区别是：第一种会alert“p”标签的所有样式，第二种只会alert color一种样式；

$('p').css({        backgroundColor:'yellow',        fontSize:'20px'    });

动画：

<div class="box"></div>

.box{    height: 100px;    width: 100px;    background: red;   }

    $('.box').animate({            'height':'200px',            'width':'200px'        },1000,function(){            alert(1);        })

注意事项：
这种动画一般在移动端常用，但是在pc端不经常用，主要原因是动画会影响电脑性能；
animation 是链式操作，可以在一个动画结束可以重新定义另一个动画。但是这个动画不能用来改变背景颜色，可以用一个jquery的中一个颜色插来解决，注意的是颜色插件必须放在jquery文件后面；
<script src="jquery-1.7.2.min.js"></script>
<script src="jquery.color.js"></script>

    $('.box').animate({            'height':'200px',            'width':'200px'        },1000,function(){            // alert(1);        }).animate({'backgroundColor':'blue'})

上面的动画可以实现，先变大后背景颜色发生改变。
stop（）和finish（）方法的区别；
finish() 方法停止当前运行的动画，移除所有排队的动画，并为被选元素完成所有动画。
该方法与 .stop(true,true) 方法类似，不同的是，finish() 也会引起所有排队动画的 CSS 属性停止
在无参情况时假如动画队列有动画1、2、3
当动画2执行过程中调用finsh（）方法，动画2立刻停止且元素处于动画3完成的状态
当动画2执行过程中调用stop（）方法，动画2立刻停止开始播放动画3

addclass（）和removeclass（）方法和toggleclass（）方法；