[AJAX][jQuery] Acessando elementos

12 04 2010

Abaixo segue um exemplo símples de como acessar elementos HTML via jQuery.

Os elementos HTML podem ser acessados de inúmeras maneiras, estes dois exemplos demonstram como acessar um elemento específicopor  ID ou vários elementos de uma determinada classe.

<html>
<body>
<br>
<script src="jquery-1.4.2.js"></script>
<div id='x'></div>
<div class='class_div'></div>
<div class='class_div'></div>
<div class='class_div'></div>
<div class='class_div'></div>
<script>
 /*Busca o elemento pelo id de valor 'x'*/
 $('#x').html('Hello word')
 /*Busca o elemento por tipo de classe id de valor 'x'*/
 $('.class_div').html('Hello word de classe').css({background:'grey', width:'0px'})
</script>
</body>
</html>
Anúncios

Ações

Information

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s




%d blogueiros gostam disto: