Jquery怎么实现鼠标只能选中一个的效果?点击下一个的时候上一个还原，下一个再被选中 (如图)
做一个类似百度百科的东西，就是被选中一个文字，会变成红色(我做的是这种)，然后单击下一个文字的时候上一个还原并且下一个变成红色，一次类推，这中功能用Jquery怎么实现呢...
做一个类似百度百科的东西， 就是被选中一个文字，会变成红色(我做的是这种)，然后单击下一个文字的时候上一个还原并且下一个变成红色，一次类推， 这中功能用Jquery怎么实现呢? 求代码!
展开
3个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style>
ul{ list-style:none}
ul li{ display:block; width:100px; height:28px;}
.default{
color: #000;
border:1px solid #999;
}
.checked{
color:#f00;
border:1px solid #ff0;
}
</style>
<script src="jquery.min.js"></script>
<script>
$(function(){
$("li").each(function(){
$(this).click(function(){
$("li").addClass("default").removeClass("checked");
$(this).addClass("checked").removeClass("default");
})
});
})
</script>
</head>
<body>
<ul>
<li class="default">这是第一个</li>
<li class="default">这是第二个</li>
<li class="default">这是第三个</li>
<li class="default">这是第四个</li>
</ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
点击添加class，去掉其他class.就可以了，添加的class就是你选中的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
选中的样式和非选中的样式是不一样的，假设选中的样式定义在一个叫active的class里面，其他的都没有这个class，
在点击的时候
把所有对象removeClass('active')
把当前对象添加active $(this).addClass('active');
在点击的时候
把所有对象removeClass('active')
把当前对象添加active $(this).addClass('active');
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
