为什么我JQuery Css 操作总是不对呢？

Question

$(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标签页面不要求刷新。谢谢前辈们了！

Answer 1

随便问下，JQuery 中怎么判断鼠标已经发生单击事件，我想在调用mouseout时候判断鼠标是否被打击过，或者被按下过，如果有这就不取消样式，谢谢了！

Answer 2

//注p在index里面，p的可能取值是0,2,1
var index = 3;
function showDetail(p){

$("#userInfo p").click(
function(){
for(var i=0; i<index; i++){
$("#userInfo  index").removeClass('acss a');
$(this).removeClass('acss a').addClass('acss a');
}
}
);

}
怎样才能把javascript的var变量，放到id属性中？？？？急急急

Answer 3

你想放到什么属性里啊？这个得说明白了啊。
$("#userInfo[属性='index']") 可以这样来将属性符合的选中

Answer 4

要显示是否已经被单击过，简单的办法就是设置一个变量来监视
var isclick=false;$(dom).click(function(){isclick=true;});function(){
//如果已经单击
  if(isclick)alert('已经单击过了');
}就是这个思路

Answer 5

$().hover(Fn,Fn) 是鼠标mouseover, mouseout的函数 
要点击a不刷新可以 在html里设置
<a style="cursor:pointer" >不加href= 就不刷新了</a>