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, May 01 '11 at 06:36
hi everyone, the reply from David Fells works.. earlier i did it wrongly by doing it this way: $('#imgtarget').css('cursor:crosshair'); — chrizonline, May 01 '11 at 06:55

score 9 · Accepted Answer · answered May 01 '11 at 06:38

9

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

answered May 01 '11 at 06:38

David Fells

hey david, your solution works.. but now wat if i wanna remove these css properties?? – chrizonline May 01 '11 at 07:15
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', ''); – chrizonline May 01 '11 at 07:17

score 2 · Answer 2 · answered May 01 '11 at 06:37

2

the following code should work.

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

answered May 01 '11 at 06:37

kobe

2 Answers2