[AJAX][jQuery] Criando um ‘div’ e modificando suas propriedades

12 04 2010

Abaixo segue um exemplo símples de como criar uma DIV dinâmicamente e modificar seus atributos com o JQuery.

No caso esta sendo feito tudo na mesma linha, pois, o JQuery retorna o proprio compomente em uso após a utilização deste.

<html>
<body>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<div id="cidades"></div>
<script type="text/javascript">
/*
 * O comando '$("<div></div>")' cria uma div
 * O comando .html atribui o valor innerHTML a esta div
 * O comando  'appendTo' adiciona a div no body do HTML via seletor 'body'
 */
 $("<div></div>")
 .css({background:'red'})
 .html('Teste innerHTML')
 .appendTo('body')
</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: