Nota
Las propiedades CSS que incluyen como separador un guión del recurso en JavaScript deben ser transformadas a su estilo CamelCase. Por ejemplo cuando se la emplea como propiedad de un método el estilo CSS deberá ser manifestado como fontSize. Sin embargo esta norma no es aplicada cuando se pasa el nombre de la propiedad CSS al método $.fn.css — en este caso los dos formatos (en CamelCase o con el guión del recurso) funcionarán.
Conseguir propiedades CSS
$('h1').css('fontSize') // devuelve una cadena de caracteres como 19
$('h1').css('') // también funciona
Establecer propiedades CSS
$('h1').css('fontSize' '100') // constituye una propiedad individual CSS
$('h1').css({
'fontSize' '100'
'' 'red'
}) // constituye múltiples propiedades CSS
Notar que el estilo del argumento utilizado en la segunda línea del ejemplo — es un objeto que contiene múltiples propiedades. Esta es una manera común de pasar múltiples argumentos a una función y muchos métodos establecedores de la biblioteca aceptan objetos para fijar algúnas propiedades de una sola vez.
A dividir de la versión 1.6 de la biblioteca utilizando $.fn.css también es probable establecer valores relativos en las propiedades CSS de un fundamento algun
Establecer valores CSS relativos
$('h1').css({
'fontSize' '+=15' // suma 15 al dimensión original del fundamento
'Top' '+=20' // suma 20 al sobresaliente original del fundamento
})
3.4.1 Utilizar Clases para Aplicar Estilos CSS
Para conseguir valores de los estilos aplicados a un fundamento el método $.fn.css es muy útil sin embargo su provechosoización como método establecedor se debe eludir (ya que para aplicar estilos a un fundamento se puede realizar directamente desde CSS). En su espacio lo ideal es escribir normas CSS que se apliquen a clases que describan los distintos estados visuales de los fundamentos y despues cambiar la clase del fundamento para aplicar el estilo que se quiere presentar.
Laborar con clases
var $h1 = $('h1')
$h1.addClass('big')
$h1.removeClass('big')
$h1.toggleClass('big')
if ($h1.hasClass('big')) { ... }
Las clases también pueden ser útiles para guardar información del estado de un fundamento por ejemplo para indicar que un fundamento fue seleccionado.
3.4.2 Tamaños
jQuery proporciona una variedad de métodos para conseguir y adaptar valores de tamaños y posición de un fundamento.
El código mostrado en el ejemplo "Métodos básicos sobre Dimensiones" es solo un breve resumen de las funcionalidades relaciones a tamaños en jQuery para un completo detalle puede consultar //api.jquery.com/category/dimensions/.
Métodos básicos sobre Tamaños
$('h1').width('50') // constituye el ancho de todos los fundamentos H1
$('h1').width() // obtiene el ancho del primer fundamento H1
$('h1').height('50') // constituye el alto de todos los fundamentos H1
$('h1').height() // obtiene el alto del primer fundamento H1
$('h1').position() // devuelve un objeto conteniendo
// información sobre la posición
// del primer fundamento relativo al
// offset (posición) de su fundamento padre
