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..

Answer 1

See the $.css() function

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

Answer 2

the following code should work.

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