Eu tenho um problema um pouco incomum. Eu fiz algo assim muitas vezes:

$('#selector').css('color','#00f');

Meu problema é que eu crio um<div id="selector">, e eu chamo o comando acima e funciona bem.

Agora, em outro evento, mais tarde, eu removo esse elemento doDOM e adicione-o novamente mais tarde com o mesmo id. Este elemento agora não temcolor:#00f.

Existe uma maneira que eu possa adicionar uma regra no CSS, de modo que ele irá afetar os itens que são criados no futuro com esse mesmoid/class? Eu gostojQuery, mas qualquer coisa com JavaScript simples também seria bom.

Tem que ser dinâmico, e eu não sei as classes para colocar em um arquivo CSS. Além disso, planejo alterar um único atributo em alguns momentos diferentes durante o curso do aplicativo. Por exemplo, configurandocolor parablack, parablue, pararede de volta parablack.

Eu fui com a resposta de@lucasspe foi com isso que acabei:

function toggleIcon(elem, classname)
{
    if($(elem).attr('src')=='img/checkbox_checked.gif')
    {
        $(elem).attr('src', 'img/checkbox_unchecked.gif')
        //$('.'+classname).hide();//this was the old line that I removed
        $('html > head').append($('<style>.'+classname+' { display:none; }</style>'));
    }
    else
    {
        $(elem).attr('src', 'img/checkbox_checked.gif')
        //$('.'+classname).show();//this was the old line that I removed
        $('html > head').append($('<style>.'+classname+' { display:block; }</style>'));
    }
}

Eu também quero dizer que@Nelson é provavelmente o mais "correto", embora seja necessário mais trabalho para entrar no código do aplicativo que sempre funciona bem, e isso não é um esforço que eu queira gastar no momento.

Se eu tivesse que reescrever isso (ou escrever algo semelhante) no futuro, eu procurariadetach().