Como adicionar uma classe action levando novos estilos CSS?

[Micilini Roll 49]

Olá pessoal seguinte oberve este comando CSS:

 

<style>
#quadrado{
background:#FFF;
}
#quadrado:active{
background:#000000;
}
</style>

 

Vamos supor que o #quadrado:active nao exista! e quero adicionar essa classe active apartir do javascript ou jquery? como eu faço isso?

[William Bruno 1501]

isso é um pseudo seletor

 

pesquisando corretamente, achei isso aqui:

http://stackoverflow.com/questions/311052/setting-css-pseudo-class-rules-from-javascript

[Micilini Roll 49]

Seguinte William Bruno,observe o exemplo abaixo:

 

 

http://fazerbem.com.br/circulos/

 

primeiro clique no circulo! veja que ele muda de cor! agora clique aonde esta escrito 'tirar', e o circulo nao muda mais de cor assim que é clicado!,agora quando eu clico em 'voltar original' era pro circulo voltar a mudar de cor assim que for clicado certo?

 

obs:veja o codigo fonte!

[William Bruno 1501]

vc ta confundindo as coisas e fazendo do jeito mais difícil e incorreto.

 

apenas dê uma classe ao elemento e pronto, esqueça o pseudo seletor, ele não resolve, e nem foi inventado para oq vc quer fazer.

[Micilini Roll 49]

Entendi William Bruno,no caso fui pelo mousedown e mouseup tambem funciona da mesma forma:

 

$('.circulos').mousedown(function() {
	   $(this).css('background','#fa0c01');
       }).on('mouseup mouseleave', function() {
	   $(this).css('background','#0080ff');
       });
		

:natallaugh: obg pela ajuda! resolvido! +1 pra voce!