当前位置: 代码迷 >> JavaScript >> jquery操作样式的有关问题,望指教
  详细解决方案

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

热度:67   发布时间:2012-09-09 09:27:54.0
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>
  相关解决方案