为什么我JQuery Css 操作总是不对呢?
$(document).ready(function(id){
$("#userInfo").mouseover(
function (){
$(this).removeClass('acss').addClass('acss');
}
).mouseout(
function (){
$(this).removeClass('acss');
}
);
$("#userInfo").click(
function(){
$(this).removeClass('acss').addClass('acss');
}
);
});
acc要添加的样式,当鼠标移动到a标签的时候显示该样式,移出的时候消失该样式,单击的时候显示该样式不消失。也就是说我单击以后,如果再移动同级的a标签改样式,该样式又消失:
下面是html:
<a href="" id="userInfo" >
<div class="pic"><img src="images/RCS/pic.gif" /></div>
<div class="perinfo">
<div class="perinfo_up">AMy <img src="images/RCS/03.png" /></div>
<div class="perinfo_dw">busy~~~busy~~~</div>
</div>
<div class="stauts"><img src="images/RCS/status01.png" /></div>
</a>
<a href="" id="userInfo" >
<div class="pic"><img src="images/RCS/pic.gif" /></div>
<div class="perinfo">
<div class="perinfo_up">AMy <img src="images/RCS/03.png" /></div>
<div class="perinfo_dw">busy~~~busy~~~</div>
</div>
<div class="stauts"><img src="images/RCS/status01.png" /></div>
</a>
而且要求单击a标签页面不要求刷新。谢谢前辈们了!