Changing the child element’s CSS when the parent is hovered

by

Why not just use CSS?

.parent:hover .child, .parent.hover .child { display: block; }

and then add JS for IE6 (inside a conditional comment for instance) which doesn’t support :hover properly:

jQuery('.parent').hover(function () {
    jQuery(this).addClass('hover');
}, function () {
    jQuery(this).removeClass('hover');
});

Here’s a quick example: Fiddle

More Related Contents:

  1. Why is my jQuery :not() selector not working in CSS?
  2. Access the css “:after” selector with jQuery [duplicate]
  3. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  4. How do I access style properties of pseudo-elements with jQuery? [duplicate]
  5. Selecting elements with a certain background color
  6. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  7. Difference between CSS selector and jQuery filter?
  8. if checkbox checked add class to parent element
  9. How to change the element of another div by clicking and hovering on an element of a different div
  10. Hide/Show div on specific page with jquery
  11. How to change color of SVG image using CSS (jQuery SVG image replacement)?
  12. use jQuery’s find() on JSON object
  13. Downloading jQuery UI CSS from Google’s CDN
  14. Create a CSS rule / class with jQuery at runtime
  15. Select all elements that have a specific CSS, using jQuery
  16. Toggle Checkboxes on/off
  17. Leaving out the last semicolon of a CSS block
  18. jQuery :contains selector to search for multiple strings
  19. Multiple selector chaining in jQuery?
  20. Add CSS to iFrame [duplicate]
  21. jquery – Select all elements after a certain element
  22. position fixed header in html
  23. Get the current jQuery selector string?
  24. Performance of jQuery selector with context
  25. Get the selected option id with jQuery
  26. What JQuery selector excludes items with a parent that matches a given selector?
  27. Performance differences between using “:not” and “.not()” selectors?
  28. Weird IE8 layout glitch – why does the body background disappear?
  29. jQuery css gradient
  30. Removing multiple classes (jQuery)

Leave a Comment