Add css rule using jquery

Question

I got a css rule:

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

so I got a hyperlink which, when it clicked, should add a css rule for #imgwrapper as follows:

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

How can I do it?

I tried jquery.css () api, but it does not work.

Answer 1

See the function $. css ()

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

Answer 2

The following code should work.

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