toggleClass()的诡异问题

Question

//toggleClass（）方法是自定义css属性跟默认css属性之间切换的方法，但是下面为什么
.red{color:red;}
        .green{color:green;}
        ......
        
$(function(){
        $('div').click(function(){
            $(this).toggleClass('green');//这里我写的是green，为什么点击后会文本反而会变成红色，应该点击后没反应才对~！！！！！！！
        })
    })
        .........
<div title='aaa' class='green red' style='height:1000px;'>
        <strong>www</strong>
    </div>    
    
    
    
    

Answer 1

toggleClass是把有的变没，没的变有。你的green类被去掉，只剩red类，自然是红色咯