JQ中关于css()和animate()的区别

之前刚刚接触JQ，一直纠结于CSS（）和animate（）两个方法的区别，对于菜鸟来说确实比较容易晕

CSS（）：

		<script type="text/javascript">
			$(function(){
				$("button").click(function(){
					$("#box").css("width","100px")
					
				})
			})
		</script>

animate()：

<script type="text/javascript">
			$(function(){
				$("button").click(function(){
				
					$("#box").animate({
						width:"100px"
					})
				})
			})
		</script>

animate()属于动画范畴，在function后面可以加上动画持续时间，即使不加时间，默认也是有过渡时间的

CSS（）则不属于动画，只是单纯改变元素的属性