2011-05-01 13 views
5

tengo una regla CSS como esto:añadir regla CSS usando jQuery

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

así que tiene un hipervínculo que cuando se hace clic en él, se debe añadir una regla CSS para #imgwrapper así:

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

¿cómo debo hacerlo?

Traté jquery css() de la API pero aint de trabajo ..

+0

Se puede publicar el código que ha intentado que se usa 'css()'? – icktoofay

+0

Por favor, publique un ejemplo del código que tiene que no está funcionando. – entropo

+0

intenté debajo del código, está funcionando ... – kobe

Respuesta

9

Véase el $.css() function

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

hey david, tu solución funciona ... ¿pero ahora si quiero eliminar estas propiedades de CSS? – nuttynibbles

+0

hey david, encontré la solución. lo siento mal ... lo que hice fue establecer el valor en '' ... así que es decir: $ ('# imgtarget'). css ('cursor', ''); $ ('# imgwrapper img'). Css ('cursor', ''); – nuttynibbles

2

el siguiente código debería funcionar.

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