鼠标悬停在一个元素上改变另一个元素的样式

css方法
1.A元素是B元素的父级

A:hover B{
  //鼠标经过A元素时，B元素背景会变成黑色
  background:#000;
}

2.A元素与B元素相邻且A紧接着B

A:hover +B {
  //鼠标经过A元素时，B元素背景会变成黑色
  background:#000;
}

jQ方法

$("A").hover(function(){
	$("B").css("background-color","#f2f2f2");
})
$("A").mouseout(function(){
	$("B").css("background-color","#fff");
})