jQuery样式操作，绑定click事件，索引值

1、操作行间样式

//获取div的样式
$('div').css('width');
$('div').css('color');

//设置div的样式
$("div").css("width","30px");
$("div").css("height","30px");
$("div").css({"width":"30px",color:"red"});

2、操作样式类名

$("#div").addClass("divClass2") //为id为div的对象追加样式divClass2
$("#div").removeClass("divClass2") //移除id为div的对象class名为divClass2的样式
$("#div").removeClass("divClass2 divClass") //移除多个的样式
$("#div").toggleClass("divClass2") //重复切换anotherClass样式

3、绑定click事件

<script type="text/javascript">
	$(function(){
		$('#btn').click(function(){
			$('.box').addClass('.class')
		})
	})
</script>

4、获取元素索引值

<script type="text/javascript">
	$(function(){
		var $btn = $(.btns input);
		var $div = $(.cons div);
		$('#btn').click(function(){
			//当前按钮上加上current样式后，除了当前，其他去掉current样式
			$(this).addClass('current').siblings().removeClass('current')
			//当前点击的按钮对应索引值div加上active样式
						$div.eq($(this).index()).addClass('active').siblings().removeClass('active')
		}))
	})
</script>