Arquivo Discussoes de Programacao e Tecnologia 
Olás,
Preciso acessar um elemento HTML da página usando JQuery. Li algum material, porém ao testar os comandos JQuery no console do Firebug não consegui.
Alguém poderia dar uma exemplo simples?
Supondo que tenho este componte abaixo, como seria meu código JQuery para mostrá-lo (função show())?
Obrigado!
jQuery( "#observacao" ).show();
jQuery( "#observacao" ).hide();
Olá rafaduka,
Ocorre que o componente herda o id dos componentes “pais” para compor o id do próprio componente, ficando um id muito louco. Exemplo:
Se eu jogar a instrução acima no console do Firebug funciona, porém percebi que este id muda… sacou?
“saquei”.
no seu form insira.
e sete um Id para o seu componente.
“saquei”.
no seu form insira.e sete um Id para o seu componente.
Veja o resultado com o prependId=“false”
Setei o ID do componente como “referencia_aba_dados”. Mesmo com prependId, o JSF adiciona os fragmentos j_idt37- e _input no id do componente, e pelos meus testes, este primeiro fragmento que contêm um número varia / muda.
E se o id muda fica complicado de trabalhar com JQuery…
tente algo como: jQuery ( '<algum pai>[id*="referencia_aba_dados"]' ).show();
Obrigado pela ajuda. Eu concordo que funcione desta forma, mas acho uma “gambiarra”. Será que o JSF não possui uma forma mais natural de trabalhar com o JQuery?
Acredito que um dos motivos que JSF foi criado é para evitar o uso Javascript.
Logo, posso dizer que usá-lo juntos é uma forma de “gambiarra” também.
Eu preferia frameworks “Action Based” como Struts, não component-based.
Portanto, “Gambiarra atrai Gambiarra”. ^^
mudando de assunto, aqui eu consegui fazer o que vc quer perfeitamente, poste seu xhtml. 
Acredito que um dos motivos que JSF foi criado é para evitar o uso Javascript.
Logo, posso dizer que usá-lo juntos é uma forma de “gambiarra” também.
Eu preferia frameworks “Action Based” como Struts, não component-based.Portanto, “Gambiarra atrai Gambiarra”. ^^
mudando de assunto, aqui eu consegui fazer o que vc quer perfeitamente, poste seu xhtml. ;)
Acho que ainda não descobrimos a forma correta de utilizar, mas daí a falar que “usá-lo juntos é uma forma de “gambiarra”” é um grande erro.
<h:form id="formulario" prependId="false">
<p:inputTextarea id="observacao" />
</h:form>
assim funcionou, como está o seu?.