Recapitulando...

Na lição 1 aprendemos sobre o operador $ e coleções de elementos da página, na lição 2 nós vimos como podiamos iterar sobre os elementos e alterar seus atributos.

Hoje iremos ver como alterar o conteudo de um elemento.

Resposta:

Manipulação de Conteúdo: html() e text()

Os métodos html() e text() basicamente usam o conceito de propriedade do .NET, porém através de métodos, quando
chamamos o método sem paramêtros, ele interpreta que é uma propriedade do tipo get, quando passamos o paramêtro
ele interpreta que é uma propriedade do tipo set.

Ex.:

Javascript:

$("elemento").html(); // return $("elemento").innerHTML;
$("elemento").html("texto"); // $("elemento").innerHTML = "texto";

Valendo o mesmo para o método text.

Manipulação de Conteúdo de Elementos de um Form: val()

Para realizar um get ou set em um elemento de um form, utilizamos o método val(), no mesmo conceito apresentado acima.

Pode parecer que vimos pouca coisa até o momento, mas utilizando os conceitos aprendidos nas duas lições anteriores já podemos fazer manipulação dos elementos de uma forma bem mais simples.

Ex.: Iterar sobre um grupo de radios e verificar o selecionado

  • old-fashioned way

Javascript:

for ( var cont=0; cont < radios.lenght; cont++){
                if ( radios[cont].checked){
                                var selecionado = radios[cont];
                                break;
                }
}

  • Utilizando jQuery

Javascript:

var selecionado = $('input[name=radios]:checked').val();

É isso ai pessoal, a lição 4 deve sair hoje de madrugada =)

Endereço de trackback para este post

Trackback URL (clique direito e copie atalho/localização do link)

Sem feedback para esse post ainda

Deixe seu comentário


Seu endereço de e-mail não será revelado nesse site.

Sua URL será exibida.
(Quebras de linha se tornam <br />)
(Nome, e-mail & website)
(Permitir que usuários o contatem através de um formulário eletrônico (seu e-mail não será exibido.))