How to Add Remove Class on mouseOver mouseOut - JQuery hover

Question

Looking to change the border color on a box      when the user mouses over out    Here s the attempted code   Needs Work   JQuery    lt script gt     result   hover    function            this  addClass  result hover           function            this  removeClass  result hover            lt  script gt    CSS3    lt style gt     result       height  72px      width  100       border  1px solid  000         result hover       border  1px solid  fff       lt  style gt    HTML5    lt div class  result  gt     lt div class  item  gt       lt div id  item1  gt         lt i class  icon  gt  lt  i gt  amp nbsp         lt  div gt     lt  div gt   lt div gt    Thanks for looking

User · Answer

Your selector is missing a   and though you say you want to change the border-color - you re adding and removing a class that sets the background-color

User · Answer

You are missing the dot  on the selector  and you can use toggleClass method on jquery       result   hover    function            this  toggleClass  result hover

User · Answer

You forgot the dot of class selector of result class   Live Demo      result   hover    function            this  addClass  result hover           function            this  removeClass  result hover             You can use toggleClass on hover event  Live Demo       result   hover function            this  toggleClass  result hover

User · Answer

You could just use   in and out function callback       result   hover function            this  toggleClass  result hover           For your example  better will be to use CSS pseudo class  hover   no js jquery needed    result       height  72px      width  100       border  1px solid  000         result hover       background-color   000

[jquery] How to: Add/Remove Class on mouseOver/mouseOut - JQuery .hover?

Examples related to jquery

Examples related to hover

Examples related to addclass

Examples related to removeclass

Examples related to jquery-hover