Question: Lets say I have

```
<style>
    #container:hover{background:red}
</style>
<div id="container"><input type="submit"></div>

```

When I hover on submit, `#container` is still red. Can I remove that :hover on input mouseover with jquery? I do not want to change bg `$('#container').css('backgroundColor','color')`, I need something like `$('#container').removeAttr('hover')`.

Answer: 
Unfortunately it is impossible to manage CSS pseudo-classes with jQuery.

I'd suggest you to manipulate classes, as follows:

```
<style>
    .red:hover{background:red}
</style>

<div id="container" class="red"><input type="submit"></div>

<script>
    $("#container").removeClass("red");
</script>

```
This may be a bit convoluted and could certainly use optimization, but you could use a combination of things posted so far: 

jsFiddle: <http://jsfiddle.net/psyon001/Vcnvz/2/>

```
<style>
    .red{background:red;}
</style>

<div id="container"><input type="submit"></div>

<script>
$('#container').on({
    'mouseenter' : function(){
        $(this).addClass('red');
    },
    'mouseleave' : function(){
        $(this).removeClass('red');
    }
});
$('#container').find('input').on({
    'mouseenter' : function(){
        $('#container').removeClass('red');
    },
    'mouseleave' : function(){
        $('#container').addClass('red');
    }
})
</script>

```