Jquery: Append a Class on hover of a div and remove when not hover

Question

I want to append a class to a div on hover of that div and remove that class when its not on hover. And when I hover on another div, again this class should be appended and removed when its not on hover. Someone say me how to do it in jquery......

Freelancer · Accepted Answer · 2013-05-11 07:18:37Z

3

You will have to use addClass and removeClass functions in jquery

Refer Following Code:

$(document).ready(function() {     
    $('#secID, #thID').hover(function(){     
        $('#oneID').addClass('red');    
    },     
    function(){    
        $('#oneID').removeClass('red');     
    });
});

Can refer following links:

AddClass: http://api.jquery.com/addClass/

RemoveClass: http://api.jquery.com/removeClass/

Hope Its Helpful.

answered May 11, 2013 at 7:18

Freelancer

9,1027 gold badges46 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

vher2 · Accepted Answer · 2015-02-17 04:34:12Z

1

You can try toggleClass

$(function(){
    $('#id').hover(function(){
        $('#id2').toggleClass('classname');
    });
});

Or try this, because hover is no longer supported in jquery 1.9

$(function(){
    $('#id').on('mouseenter mouseleave', function(){
        $('#id2').toggleClass('classname');
    });
});

edited Feb 17, 2015 at 4:34

answered May 11, 2013 at 7:20

vher2

9906 silver badges10 bronze badges

1 Comment

Reidmere Over a year ago

I would like to point out, even if it's a year later, that jQuery does support the hover element, for anyone looking this up. Still, the toggleClass is a nice idea.

Collectives™ on Stack Overflow

Jquery: Append a Class on hover of a div and remove when not hover

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related