如何用js做到点击链接换class

Question

标签1：<div class="tabItem"></div>标签2：<div class="tabItem hide"></div>我点击【显示】链接后，希望将标签1中的tabItem改为tabItem hide，将标签2的tabItem hide改为tabItem。就是标签1和标签2的class互换一下。这个该怎么实现呢？谢谢高手指教

Answer 1

家里没工具。。只能想个最笨的办法
$("#链接ID").click(function(){
      $("div").eq(0).removeClass("tabItem").addClass("tabItem hide");
      $("div").eq(1).removeClass("tabItem hide").addClass("tabItem");
});

Answer 2

<script type="text/javascript">
function test()
{
var div1=document.getElementById("div1");
                var div2=document.getElementById("div2");                div1.classname="tabItem hide"; }
</script>
<div id="div1" class="tabItem"></div>
<div id="div2" class="tabItem hide"></div>
<input type="button" value="test" id="test" onclick="test()"/>

Answer 3

$('.tabItem')[0].addClass("tabItem hide");
$('.tabItem hide')[0].addClass("tabItem");用jquert！！

Answer 4

如果网站用过jQuery，那么用3楼的吧，没用过，简单点就用2楼的，嘿嘿

Answer 5

直接写在 click 中，写那么多代码有什么用？说明手指头灵活？

Answer 6

onmouseover="this.className='doubar'"
onmouseout="this.className='dou'"

Answer 7

onclick="this.className='';"
$(this).attr("class","");