How to define the css :hover state in a jQuery selector?

Question

I need to define a div\'s background color on :hover with jQuery, but the following doesn\'t seem to work:

$(\".myclass:hover div\").css(\"background-color\         


        

Answer 1

Well, you can't add styling using pseudo selectors like :hover, :after, :nth-child, or anything like that using jQuery.

If you want to add a CSS rule like that you have to create a ')

If you want to read more on adding CSS with javascript you can check out one of David Walsh's Blog posts.