How to force a hover state with jQuery?

by

You will have to use a class, but don’t worry, it’s pretty simple. First we’ll assign your :hover rules to not only apply to physically-hovered links, but also to links that have the classname hovered.

a:hover, a.hovered { color: #ccff00; }

Next, when you click #btn, we’ll toggle the .hovered class on the #link.

$("#btn").click(function() {
   $("#link").toggleClass("hovered");
});

If the link has the class already, it will be removed. If it doesn’t have the class, it will be added.

More Related Contents:

  1. Can't able to apply css file in html5
  2. How to change the bootstrap css width into 1000px? [closed]
  3. jquery change section with scrolling and animation
  4. When reset-btn is clicked, calculate-btn stops and then does not work
  5. Click button copy to clipboard
  6. jQuery get the rendered height of an element?
  7. Set class validation for dynamic textbox in a table
  8. Is it possible to style a select box? [closed]
  9. Show div on scrollDown after 800px
  10. Stopping fixed position scrolling at a certain point?
  11. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  12. How to get header from cards or similar to have the same height with flex box?
  13. How to define multiple CSS attributes in jQuery?
  14. How to remove close button on the jQuery UI dialog?
  15. resize font to fit in a div (on one line)
  16. jQuery on window resize
  17. what’s faster? CSS3 transitions or jQuery animations?
  18. how to replicate pinterest.com’s absolute div stacking layout [closed]
  19. jQuery find element by data attribute value
  20. How can I change the css class rules using jQuery?
  21. Dynamically add a class to Bootstrap’s ‘popover’ container
  22. Overriding !important with css or jquery
  23. jQuery .css(“left”) returns “auto” instead of actual value in Chrome
  24. Difference between CSS selector and jQuery filter?
  25. Bootstrap CSS Active Navigation
  26. fancybox2 / fancybox causes page to to jump to the top
  27. Change CSS class properties with jQuery
  28. JQM (jQueryMobile) Dynamically added elements not displaying correctly and CSS is not applied
  29. position fixed header in html
  30. if checkbox checked add class to parent element

Leave a Comment