freeCodeCamp/guide/portuguese/jquery/jquery-css-method/index.md

1.3 KiB

title localeTitle
CSS Method Método CSS

Método CSS

O método jQuery .css() obtém o valor de uma propriedade de estilo calculado para o primeiro elemento no conjunto de elementos correspondentes ou define uma ou mais propriedades CSS para cada elemento correspondente.

Obtendo

Para retornar o valor de uma propriedade CSS especificada, use a seguinte sintaxe:

    $(selector).css(propertyName); 

Por exemplo:

    $('#element').css('background'); 

Nota: Aqui podemos usar qualquer seletor de css, por exemplo: element (seletor de tags HTML), .element (Class Selector), #element (seletor de ID).

Configuração

Para definir uma propriedade CSS especificada, use a seguinte sintaxe:

    $(selector).css(propertyName,value); 

Por exemplo:

    $('#element').css('background','red'); 

Para definir várias propriedades CSS, você terá que usar a sintaxe literal do objeto como esta:

    $('#element').css({ 
        'background': 'gray', 
        'color': 'white' 
    }); 

Se você quiser alterar uma propriedade rotulada com mais de uma palavra, consulte este exemplo:

Para alterar background-color de background-color de um elemento

    $('#element').css('background-color', 'gray'); 

Mais Informações:

Documentação: api.jquery