Você está aqui: jQuery ::: Dicas & Truques ::: Manipulação e Conteúdo Dinâmico

jQuery para iniciantes - Como retornar valores de elementos de formulários HTML usando a função val() do jQuery

Quantidade de visualizações: 8143 vezes
Nesta dica eu mostro como podemos usar o método val() da biblioteca jQuery para obter o conteúdo dos elementos de formulários HTML.

Veja, por exemplo, como obter o conteúdo de uma caixa de texto com o id "nome":

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<script type="text/javascript">
<!--
  function obterTexto(){
    var texto = $('#nome').val();
    window.alert(texto);
  }
//-->
</script>

Lembre-se de que este método atuará apenas no primeiro da possível série de elementos retornados sob uma determinada condição.

O retorno val() do jQuery é uma string.

Link para compartilhar na Internet ou com seus amigos:

jQuery ::: Dicas & Truques ::: Manipulação e Conteúdo Dinâmico

Como definir o conteúdo HTML de um elemento usando a função html() do jQuery

Quantidade de visualizações: 7684 vezes
O método html("conteúdo") permite definir o conteúdo (innerHTML) de todos os elementos encontrados em uma determinada condição. Considere os seguintes elementos P:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<p>Sou o primeiro parágrafo</p>
<p>Sou o segundo parágrafo</p>

Veja agora o código JavaScript que define o conteúdo HTML destes dois parágrafos:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<script type="text/javascript">
<!--
  function definirInnerHTML(){
    var texto = "<b>Veja este texto</b>";
	
    // define o conteúdo para os elementos P
    $('p').html(texto);
  }
//-->
</script>

Lembre, porém, que a prática mais comum é definir o conteúdo HTML de um elemento identificado por um id.

O retorno deste método é um objeto jQuery, que pode ser usado para possíveis encadeamentos de chamadas de métodos.


jQuery ::: Dicas & Truques ::: AJAX

Apostila jQuery - Quais as diferenças entre os métodos ajax(), get() e post() do jQuery?

Quantidade de visualizações: 10737 vezes
Existem algumas diferenças substanciais entre os métodos ajax(), get() e post(). Conhecê-las e saber quando usar cada um destes métodos poderá tornar seus códigos mais dinâmicos e eficientes.

O método ajax() é o mais completo para requisições HTTP e pode ser usado com mais de um dezena de parâmetros. Este método é considerado um método de nível baixo (low level) já que permite um maior controle sobre a requisição AJAX. Além disso, se precisamos de mais flexibilidade, este é o método a ser usado.

Os métodos get() e post() são métodos de nível mais alto (higher level) e aceitam pouco mais que três parâmetros cada um. Use estes métodos quando não precisar de muito controle sobre a requisição AJAX. Estes métodos, por exemplo, não fornecem formas de tratar possíveis erros na requisição HTTP.

Nesta seção você encontrará exemplos de cada um desses métodos.


jQuery ::: Dicas & Truques ::: Atributos ou Propriedades HTML

Como remover atributos dos elementos HTML usando a função removeAttr() do jQuery

Quantidade de visualizações: 17198 vezes
O método removeAttr() da biblioteca jQuery nos permite remover um determinado atributo dos elementos HTML retornados sob uma determinada condição. Veja um trecho de código que remove o atributo disabled de uma caixa de texto com o id nome:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<script type="text/javascript">
<!--
  function removerAtributo(){
    // remove o atributo disabled da
    // caixa de texto com id "nome"
    $('#nome').removeAttr("disabled");
  }
//-->
</script>

O retorno deste método é um objeto jQuery que poderá ser usado para fins de encadeamento de chamadas de métodos.


Vamos testar seus conhecimentos em JavaScript

Qual o resultado da execução do seguinte código JavaScript?

document.write(false == '0');

A) 0

B) false

C) 1

D) true

E) Erro de execução
Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Hidrologia

O método racional é muito utilizado na determinação de vazão máxima de projeto para pequenas bacias hidrográficas.

Uma bacia hidrográfica com área de 100 ha, coeficiente de escoamento médio de 0,6, recebeu uma precipitação intensa de 120 mm/h, resultando em uma vazão de pico de 20 m3/s.

Qual a vazão de pico para a mesma bacia hidrográfica se ocorresse uma precipitação de 90 mm/h.

A) 30 m3/s.

B) 20 m3/s.

C) 10 m3/s.

D) 5 m3/s.

E) 15 m3/s.
Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em AutoCAD Civil 3D

Comando Create Alignment from Objects

Qual dos objetos abaixo não pode ser usado para criar um alinhamento quando acionamos o comando Create Alignment from Objects, disponível no item Alignment da aba Create Design?

A) Line

B) Arc

C) Circle

D) Polyline
Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Fenômeno de Transportes e Hidráulica

Escoamento laminar

Em escoamento laminar, a região de entrada do fluido é definida por um comprimento de entrada. Esse comprimento é compreendido entre quais distâncias?

A) Entre a região de entrada e a região de comportamento completamente desenvolvido.

B) Entre a região de entrada e a região de comportamento parcialmente desenvolvido.

C) Entre a região de entrada e a região de saída do escoamento.

D) Entre a região de comportamento completamente desenvolvido e a região de saída do escoamento.

E) Entre a região de entrada e a região com defeito de velocidade.
Verificar Resposta Estudar Cards Todas as Questões

Vamos testar seus conhecimentos em Engenharia Civil - Instalações Hidráulicas Prediais

O projeto de instalação hidrossanitária

Um projeto de instalações hidrossanitárias é composto por redes hidráulicas (constituído de água fria e água quente), bem como redes sanitárias (esgoto), ventilação e rede pluvial. Para obras de grande porte, o projeto de proteção contra incêndio também está englobado no projeto de instalação hidrossanitária.

Sobre as instalações hidrossanitárias em uma obra de pequeno porte, assinale a afirmativa correta:

A) No projeto de esgotamento, a fossa séptica é aplicada para que as águas servidas convertam totalmente a matéria orgânica em gases.

B) Alterações de percurso e de extensão não afetam o dimensionamento dos tubos de abastecimento de água, desde que não exista alteração de diâmetro.

C) O shaft normalmente é acessível por painéis removíveis ou aberturas que permitem a verificação horizontal do abastecimento de todos os pavimentos do edifício em um só local.

D) Um dos papéis do fecho hídrico do sifão sanitário é barrar a passagem de gases (odores) para o ambiente.

E) É recomendável que se utilize o diâmetro mínimo de 100mm em toda a tubulação para evitar entupimentos.
Verificar Resposta Estudar Cards Todas as Questões

Veja mais Dicas e truques de jQuery

Dicas e truques de outras linguagens

Códigos Fonte

Programa de Gestão Financeira Controle de Contas a Pagar e a Receber com Cadastro de Clientes e FornecedoresSoftware de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento
Diga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais
Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesControle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades
Tenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: Delphi
6º lugar: C
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby



© 2024 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 79 usuários muito felizes estudando em nosso site.