JQuery来回切换不同的样式
如上图，选择的元素背景颜色为橙色，没选择的为白色HTML：<span>库位</span><fontclass="orange">东区</font><fontclass="...
如上图，选择的元素背景颜色为橙色，没选择的为白色
HTML：
<span>库位</span>
<font class="orange">东区</font><font class="white">南区</font><font class="white">西区</font><font class="white">北区</font><font class="white">中区</font><font class="white">不限</font> 展开
HTML：
<span>库位</span>
<font class="orange">东区</font><font class="white">南区</font><font class="white">西区</font><font class="white">北区</font><font class="white">中区</font><font class="white">不限</font> 展开
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<title></title>
<style type="text/css">
.orange{ background-color:Orange;}
.white{ background-color:white;}
span{width:100px; height:40px; line-height:40px; border: 2px solid Orange;-moz-border-radius: 5px; /* Gecko browsers */
-webkit-border-radius: 5px; /* Webkit browsers */
border-radius:5px; /* W3C syntax */
display:block;
cursor:pointer;
float:left;
margin-left:25px; text-align:center;}
</style>
<script src="../js/lib/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("span").click(function () {
$(this).attr("class", "orange");
$(this).siblings().attr("class", "white");
});
});
</script>
</head>
<body>
<div>
<span class="orange">A区</span>
<span class="white">B区</span>
<span class="white">C区</span>
<span class="white">D区</span>
<span class="white">E区</span>
</div>
</body>
</html>
第一步：设置当前点击的元素的样式
第二步：设置除当前点击之外的所有兄弟元素的样式！
$(object).siblings()获取当前元素之外所有的兄弟元素！
请采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(this).removeClass("white").addClass("orange").siblings().removeClass("orange").addClass("white");
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("font").click(function(){
$("font .orange").removeClass("orange").addClass("white");
$(this).removeClass("white").addClass("orange");
})
看看 基本思路是这样的 代码没测试
$("font .orange").removeClass("orange").addClass("white");
$(this).removeClass("white").addClass("orange");
})
看看 基本思路是这样的 代码没测试
追问
效果出来一半。。选择其他的，，它的背景颜色不变成白色~~
还有页面有多个font标签
追答
$("font .orange").removeClass("orange").addClass("white");
$("font ").removeClass("orange").addClass("white");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
