set css using jquery doesn't seem to work

Question

cannot manipulate style, I think I got everything ready but it doesn't work, I test with alert() and it fired.

what is wrong here:

$(document).ready(function() {
    $(".cell").mouseover(function() {
    $('this').css('opacity','0.4');
}); 

});

this should not be in Single quote this

Anup
– Anup

2013-12-21 08:44:57 +00:00
Commented Dec 21, 2013 at 8:44 — Anup
– Anup, Commented Dec 21, 2013 at 8:44

Manish Mishra · Accepted Answer · 2013-12-21 08:41:39Z

3

do this:

 $(this).css('opacity','0.4');

instead of 'this', see the fiddle

answered Dec 21, 2013 at 8:41

Manish Mishra

12.4k5 gold badges40 silver badges65 bronze badges

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

Comments

Rahul Tripathi · Accepted Answer · 2013-12-21 08:42:24Z

1

Try this by removing the quotes from this:

$(this).css('opacity','0.4');

instead of

$('this').css('opacity','0.4');

WORKING FIDDLE

answered Dec 21, 2013 at 8:42

Rahul Tripathi

173k33 gold badges292 silver badges341 bronze badges

1 Comment

Rahul Tripathi Over a year ago

@RahulPatil:- Yes he was few seconds quicker than me and thats why he got the upvotes ;)

Chris Woolum · Accepted Answer · 2013-12-21 08:43:14Z

1

Needs to be

$(this)

Instead of

$('this')

The latter would look for an HTML tag of this

answered Dec 21, 2013 at 8:43

Chris Woolum

2,92921 silver badges21 bronze badges

Comments

Milind Anantwar · Accepted Answer · 2013-12-21 08:43:16Z

1

Should be using:

 $(this).css('opacity','0.4');

Working Fiddle

answered Dec 21, 2013 at 8:43

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

2 Comments

Rahul Over a year ago

Answered already by Manish... How if we see the previous answers before submitting a new one sir?

Milind Anantwar Over a year ago

It was not there before i started answering it.

codingrose · Accepted Answer · 2013-12-21 08:44:35Z

1

Here, you are treating this as keyword. Hence, it does not need quotes around.

Write:

$(this).css('opacity','0.4');

instead of

$('this').css('opacity','0.4');

Updated fiddle here.

answered Dec 21, 2013 at 8:44

codingrose

15.7k11 gold badges41 silver badges58 bronze badges

Comments

tariq · Accepted Answer · 2013-12-21 08:47:20Z

1

you are mistakenly treating this as a string by enclosing it in quotes. just remove the quotes

i have updated it as Here

$(document).ready(function() {
$(".cell").mouseover(function() {
$(this).css('opacity','0.4'); // HERE
}); 

});

answered Dec 21, 2013 at 8:47

tariq

2,26816 silver badges26 bronze badges

Collectives™ on Stack Overflow

set css using jquery doesn't seem to work

6 Answers 6

Comments

1 Comment

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

1 Comment

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related