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

soft200816 2010-09-11 11:33:34
$(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标签页面不要求刷新。谢谢前辈们了!
...全文
136 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
何牧晗 2010-09-13
  • 打赏
  • 举报
回复
$().hover(Fn,Fn) 是鼠标mouseover, mouseout的函数
要点击a不刷新可以 在html里设置
<a style="cursor:pointer" >不加href= 就不刷新了</a>
何牧晗 2010-09-13
  • 打赏
  • 举报
回复
要显示是否已经被单击过,简单的办法就是设置一个变量来监视
var isclick=false;

$(dom).click(function(){isclick=true;});

function(){
//如果已经单击
if(isclick)alert('已经单击过了');
}

就是这个思路
bxljoy 2010-09-12
  • 打赏
  • 举报
回复
你想放到什么属性里啊?这个得说明白了啊。
$("#userInfo[属性='index']") 可以这样来将属性符合的选中
ifengshow 2010-09-12
  • 打赏
  • 举报
回复
等高手
diffmaker 2010-09-12
  • 打赏
  • 举报
回复
楼主,我不想和你口水。你总发帖12,正常结帖1。
权且不论你的问题是否属于讨论的范畴,只想问你一下,结个帖子很费劲吗?
我人品高不高不是我说了算,也不是你说了算,我说你是人品问题,只是一句玩笑,提醒你注意自己的结帖率,如果伤害了你,对你说声对不起啦,抱歉……
我一惯的理念:结帖是一种美德。及时结帖,是对别人的一种尊重,也是自己的一种责任,更是创造论坛良好交流氛围的基石。所以,不管什么帖子,只要能结(有人回复)我都结。
soft200816 2010-09-12
  • 打赏
  • 举报
回复
//注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属性中????急急急
soft200816 2010-09-12
  • 打赏
  • 举报
回复
楼上的没看到我其他的帖子吗?有些就是讨论问题的,也得结贴吗?看看人家给我回复的,对我有用肯定要结的,没用的也要结吗?这个就说明人品,你人品很高吗?
diffmaker 2010-09-12
  • 打赏
  • 举报
回复
结帖率8.33%,肯定是人品问题
soft200816 2010-09-11
  • 打赏
  • 举报
回复
随便问下,JQuery 中怎么判断鼠标已经发生单击事件,我想在调用mouseout时候判断鼠标是否被打击过,或者被按下过,如果有这就不取消样式,谢谢了!
jquery技术内幕:深入解析jquery架构设计与实现原理》由阿里巴巴资深前端开发工程师撰写,从源代码角度全面而系统地解读了jquery的17个模块的架构设计理念和内部实现原理,旨在帮助读者参透jquery中的实现技巧和技术精髓,同时本书也对广大开发者如何通过阅读源代码来提升编码能力和软件架构能力提供了指导。   《jquery技术内幕:深入解析jquery架构设计与实现原理》首先通过“总体架构”梳理了各个模块的分类、功能和依赖关系,让大家对jquery的工作原理有大致的印象;进而通过“构造jquery对象”章节分析了构造函数jquery()的各种用法和内部构造过程;接着详细分析了底层支持模块的源码实现,包括:选择器sizzle、异步队列deferred、数据缓存data、队列queue、浏览器功能测试support;最后详细分析了功能模块的源码实现,包括:属性操作attributes、事件系统events、dom遍历traversing、dom操作manipulation、样式操作css、异步请求ajax、动画effects。   《jquery技术内幕:深入解析jquery架构设计与实现原理》在分析每个模块时均采用由浅入深的方式,先概述功能、用法、结构和实现原理,然后介绍关键步骤和分析源码实现。让读者不仅知其然,而且知其所以然。事实上,本书的根本价值在于传达一种通过阅读源码快速成长的方式。无论是前端新人,还是经验丰富的老手,只要是对javascript感兴趣的开发人员,都会从本书中受益。

87,919

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧