jquery操作样式的有关问题，望指教
日期：2014-05-16 浏览次数：20489 次
jquery操作样式的问题，望大虾指教
需求：
选择：全部 个人公告 系统公告
选择后面的都是超链接，【全部】默认有样式class="current"
想实现点击【个人公告】，清空【全部】上面的样式，并且给【个人公告】添加样式current
在线等
------解决方案--------------------
需求：
选择：全部 个人公告 系统公告
选择后面的都是超链接，【全部】默认有样式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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
