Manipulando CSS com jQuery
O método utilizado para manipular CSS utilizando jQuery é o método ‘CSS()’. Podemos utilizar para aplicar e modificar propriedades CSS de um elemento HTML ou também para copiar o valor da propriedade desejada.
Exemplos:
Adotamos o seguinte HTML para estudo:
<body> <div> <h2>Manipulando CSS com Jquery</h2> </div> <input type="button" value="Click"> </body>
Aplicando propriedades CSS a um elemento HTML:
Quando houver um click no elemento <div> informamos as propriedades ‘color’ e ‘background-color’.
$('div').click( function(){ $('div').css({color:"#FFF", backgroundColor: "#000" }); });
Obtendo valores da propriedade CSS desejada:
Quando houver um click no elemento <input> solicitamos o valor da propriedade ‘background-color’ do elemento <div>.
$('input').click( function(){ var cor = $('div').css("background-color"); alert(cor); });
Lembrando que para utilizar o jQuery é necessário adicionar a biblioteca em seu código.
<script type="text/javascript" src="https://code.jquery.com/jquery-1.4.3.min.js"></script>
Para interessados um exemplo completo pode ser acessado aqui.
Veja mais sobre o método ‘CSS()’ no site oficial: https://api.jquery.com/css/
Gostou? Compartilhe!
[…] This post was mentioned on Twitter by Blackjack, Tiago Pastorello. Tiago Pastorello said: RT @vinteum Blackjack » Manipulando CSS com jQuery https://retwt.me/1PIsT […]
poxa! rsrsrs