Changing css property via jQuery

Question

What I'm trying to achieve here is when I hover over the link it would turn green.

What is exactly wrong with this code:

<script>
     $(document).ready(function() {
     $("a").hover(function() {
     $(this).css({"background-color": "green;"});
     });
 });

</script>

You added a semi-colon after green. This is incorrect css value — user6360214
– user6360214, Commented Nov 5, 2016 at 16:28
do you know that on mouseleave the anchor will still be green? Just asking. Otherwise such things should be handled by CSS, not JS — Roko C. Buljan
– Roko C. Buljan, Commented Nov 5, 2016 at 16:34
Dammit ! XD One stupid semicolon. It works now. Thanks a lot ! — Mark Alexa
– Mark Alexa, Commented Nov 5, 2016 at 16:39

adeneo · Accepted Answer · 2016-11-05 16:28:22Z

1

It's the semicolon after green;, that works in CSS, but not in javascript, which expects a color only, no semicolon.

$(document).ready(function() {
     $("a").hover(function() {
         $(this).css({"background-color": "green"});
     });
});

answered Nov 5, 2016 at 16:28

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ashwin Parmar · Accepted Answer · 2016-11-05 16:43:36Z

0

jQuery having .css() function which will allow you to change CSS property or any DOM Element on document.

Single Property Example:

jQuery(Selector).css("PropertyName", "Value");

Multiple Property Example:

jQuery(Selector).css({"PropertyName1": "Value1", "PropertyName2": "Value2"});

e.g.

jQuery(document).ready(function() {
    jQuery("a").hover(function() {
        jQuery(this).css("background-color", "green");
    });
});

answered Nov 5, 2016 at 16:43

Ashwin Parmar

3,0553 gold badges29 silver badges44 bronze badges

Collectives™ on Stack Overflow

Changing css property via jQuery

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related