需求:
选择:全部 个人公告 系统公告
选择后面的都是超链接,【全部】默认有样式class="current"
想实现点击【个人公告】,清空【全部】上面的样式,并且给【个人公告】添加样式current
在线等
------解决方案--------------------
- HTML code
<div id="dvGuider"><a href="#">全部</a> <a href="#">个人公告</a> <a href="#">系统公告</a></div> <script type="text/javascript"> $('#dvGuider a').click(function () { $('#dvGuider a').removeAttr('class'); $(this).addClass('current'); return false; }).eq(0).attr('class', 'current'); </script>
------解决方案--------------------
addClass() 加样式
removeClass()去掉样式
------解决方案--------------------
<style>
.current{
text-decoration:none;
}
</style>
<script>
$(document).ready(function(){
$("a").click(function(){
$("a").removeClass("current");
$(this).addClass("current");
});
})
</script>
<body >
<label>选择</label>
<a href="#" class="current" >全部</a>
<a href="#" >个人公告</a>
<a href="#" >系统公告</a>
</body>