jquery操作样式的有关问题，望指教

2012-09-09

jquery操作样式的问题，望大虾指教需求：选择：全部个人公告系统公告选择后面的都是超链接，【全部】默认有样式c

jquery操作样式的问题，望大虾指教
需求：
选择：全部个人公告系统公告
选择后面的都是超链接，【全部】默认有样式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>

热点排行

JavaScript

jquery操作样式的有关问题，望指教