jq操作class类

css  
.menu {
        color: green;
    }
    .active {
        color: red;
        text-decoration: underline;
    }

html
    <h2 class="menu">this is h2 tag</h2>

js/jq
　　$(‘.menu‘).on({
        mouseover : function(){
            $(‘.menu‘).attr(‘class‘,‘active menu‘);
        },
        mouseout : function(){
            $(‘.menu‘).attr(‘class‘,‘menu‘);

        }
    });

    $(‘.menu‘).on({
        mouseover : function(){
            $(‘.menu‘).addClass(‘active‘);
        },
        mouseout : function(){
            $(‘.menu‘).removeClass(‘active‘);

        }
    });

    $(‘.menu‘).hover(function(){
        $(‘.menu‘).addClass(‘active‘);

    },function(){
        $(‘.menu‘).removeClass(‘active‘);
    })

    <h2 class="item">this is h2 tag</h2>

    $(‘.item‘).click(function(){
        $(‘.item‘).toggleClass(‘active‘);
    });