想要点击两次 然后出现不同效果，请问使用jquery该怎么实现！

Question

============= jq代码 =========
$('#myid span').click(function(){
if($(this).hasClass("myoff")){
$(this).attr('class','myon');
}
if($(this).hasClass("myon")){
$(this).attr('class','myoff');
}
});

============= html 代码 =========
<div id="myid">
<span class="myoff">内容1</span>
<span class="myoff">内容2</span> 
<span class="myoff">内容3</span> 
</div>
点击span的时候，判断class名字，如果全等于myoff，则改成myon。 
如果全等于myon，则改成myoff。

Answer 1

很简单的，只用一句代码就能实现：123$("#myid&nbsp;span").on("click",function(){&nbsp;&nbsp;&nbsp;&nbsp;$(this).toggleClass("myon");//如果默认显示的是myoff，这里就是myon})原理分析：span 默认显示的是myoff这个样式，那么当第一次点击的时候，toggleClass就会判断是否包含myon这个样式，如果不包含，就为它添加上“myon”这个样式，这样span的样式就变成了：“<span class='myoff myon'>”，myon和myoff里有冲突的样式，就会显示myon的样式，当再次点击的时候，就会删除myon这个样式。

Answer 2

$ (function (){$ ('#myid span').click (function (){if ($ (this).attr ("class") == "myon"){$ (this).attr ('class', 'myoff');}else if ($ (this).attr ("class") == "myoff"){$ (this).attr ('class', 'myon');}});});