jquery 获取对象改变样式

html

	<div  class="bgR">
          <img src='.png'  style="width:20px;height:20px" alt="">
		  <a  class="main">管理</a>
	</div>

JS

// 控制鼠标移入移除和click事件的冲突
var isMouse = true
// 鼠标移入改变样式
$('.bgR').mouseover(function(){
	isMouse = true
	var index = $('.bgR').index(this)
	$('.bgR').eq(index).attr("style","min-height:50px;padding-top:16px;padding-bottom:16px;padding-left: 40%;box-sizing: border-box;color: #000;color:#409EFF;border-bottom: 1px solid #D3D3D3;")
	$('.bgR a').eq(index).attr("style", "color:#409EFF")
})
// 鼠标移开改变样式
$('.bgR').mouseout(function(){
	if (isMouse) {
	var index = $('.bgR').index(this)
	$('.bgR').eq(index).attr("style","min-height:50px;padding-top:16px;padding-bottom:16px;padding-left: 40%;box-sizing: border-box;line-height: 100%;border-bottom: 1px solid #D3D3D3;")
	$('.bgR a').eq(index).attr("style", "color:black")
	}
})

重点在于：

$('.bgR a')