Daremos continuidade à série de artigos sobre jQuery tratando de sua forma de manipulação de CSS.

Anteriormente vimos os artigos

Vejamos portanto os métodos voltados ao uso de  CSS:

CSS em geral

  • css(nome):String. Retorna a propriedade do estilo do primeiro elemento selecionado.
  • css(propriedades):jQuery. Define pares de chaves e valores de propriedades de estilo para todos elementos selecionados
  • css(nome, valor):jQuery. Define um par de chave e valor de propriedade de estilo para todos elementos selecionados.

Posicionamento

  • offset():Object{top,left}. Retorna um objeto com o offset (distâncias) do primeiro elemento selecionado relativo ao documento, em píxeis.
  • offsetParent():jQuery. Não será abordado neste artigo.
  • position():Object{top,left}. Retorna as posições de topo e esquerda de um elemento em relação ao elemento-pai.
  • scrollTop():Integer. Obtém a posição do scrool (relativo à barra de rolagem vertical) do primeiro elemento selecionado.
  • scrollTop(valor):jQuery. Define a posição do scrool (relativo à barra de rolagem vertical) do primeiro elemento selecionado.
  • scrollLeft():Integer. Obtém a posição do scrool (relativo à barra de rolagem horizontal) do primeiro elemento selecionado.
  • scrollLeft(valor):jQuery. Define a posição do scrool (relativo à barra de rolagem horizontal) do primeiro elemento selecionado.

Altura e Largura

  • height():Integer. Obtém a altura do primeiro elemento selecionado.
  • height(valor):jQuery. Define a altura do primeiro elemento selecionado.
  • width():Integer. Obtém a largura do primeiro elemento selecionado.
  • width(valor):jQuery. Define a largura do primeiro elemento selecionado.
  • innerHeight():Integer. Obtém a altura interna (excluindo a borda e incluindo o padding) do primeiro elemento selecionado.
  • innerWidth():Integer. Obtém a largura interna (excluindo a borda e incluindo o padding) do primeiro elemento selecionado.
  • outerHeight(boolean):Integer. Obtém a altura externa (incluindo a borda e o padding, por padrão) do primeiro elemento selecionado. Não serão incluídas outras medidas se for utilizado o parâmetro false.
  • outerWidth(boolean):Integer. Obtém a largura externa (incluindo a borda e o padding, por padrão) do primeiro elemento selecionado. Não serão incluídas outras medidas se for utilizado o parâmetro false.

Os exemplos destas funções podem ser consultados na página de documentação de CSS em jQuery.


Enviar artigo pelo Twitter