jQuery：jQuery样式操作，直接操作css和设置class类

jQuery可以使用css方法修改简单的元素样式，也可以操作class类，修改多个样式。

1.直接操作css方法：

// 使用css方法 属性名和属性值需要加引号
$(this).css("color","blue");
// 单纯的数字可以不加引号和单位px jQuery内部自己处理了
$(this).css("width",500);
// css里的参数也可以是对象形式，可以设置多个样式
// 属性名和属性值用冒号隔开，属性名可以不加引号
// 复合属性依旧采取驼峰命名法
$(this).css({
	color:"white",
	width:800,
	backgroundColor:"hotpink"
});

设置class类样式方法：
tips：类里面的参数不要加点，直接写类名就可以。

<div class="nav">123456</div>
<script>
// 1.添加类 addClass()
$(".nav").click(function(){
	$(this).addClass("current");
})
// 2.删除类 removeClass()
$(".nav").click(function(){
	$(this).removeClass("current");
})
// 3.切换类 toggleClass()
$(".nav").click(function(){
	$(this).toggleClass("current");
})
</script>