add css rule using jquery

Question

i got a css rule like this:

#imgwrapper {display: block;position: relative;width:auto;height:auto;}

so i got a hyperlink that when it's clicked, it should add a css rule to #imgwrapper like this:

#imgtarget, #imgwrapper img {cursor:crosshair;}

how should i do it??

i tried jquery .css() api but it aint working..

Please post an example of the code you have that isn't working. — entropo
– entropo, Commented May 1, 2011 at 6:36
hi everyone, the reply from David Fells works.. earlier i did it wrongly by doing it this way: $('#imgtarget').css('cursor:crosshair'); — chrizonline
– chrizonline, Commented May 1, 2011 at 6:55

David Fells · Accepted Answer · 2011-05-01 06:38:04Z

9

See the $.css() function

$('a.whatever').click(function() {
  $('#imgtarget').css('cursor' , 'crosshair');
  $('#imgwrapper img').css('cursor', 'crosshair');
});

answered May 1, 2011 at 6:38

David Fells

6,8081 gold badge24 silver badges34 bronze badges

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

2 Comments

chrizonline Over a year ago

hey david, your solution works.. but now wat if i wanna remove these css properties??

chrizonline Over a year ago

hey david, i found the solution. sorry my bad.. what i did is to set the value to ''.. so ie: $('#imgtarget').css('cursor' , ''); $('#imgwrapper img').css('cursor', '');

kobe · Accepted Answer · 2011-05-01 06:37:46Z

2

the following code should work.

$('#imgwrapper').css('cursor','crosshair')

answered May 1, 2011 at 6:37

kobe

15.9k15 gold badges67 silver badges93 bronze badges

Collectives™ on Stack Overflow

add css rule using jquery

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related