Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Diego Rodriguez

Famoso Comando THIS

Por , em Javascript

Recommended Posts

Diego Rodriguez    0

Diego Rodriguez
Postado

Galera, sou estudando de Sistema de Informação e adoro programação, ja fiz até alguns sistemas simples para estudo mesmo...

 

Alguma alma poderia me explicar detalhadamente esse comando THIS, ainda não consegui assimilar, se alguem puder dar explicações claras, ficarei super grato...

 

 

Muito obrigado a atenção de todos...

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Com o this é possível fazer uma referência direta ao objeto, sem a necessidade de ter de digitar todos os elementos da árvore de objetos na qual o mesmo está inserido:

 

Exemplo:

<html>
<head>
<title></title>
</head>
<body>
<script>
function verificarAcao(e) {

	e.value = "Esse é o valor com this!";
	document.form1.texto2.value = "Sem o this";

}
</script>
<form name="form1">
<input type="text" name="texto1" onFocus="verificarAcao(this)">
<br><br>
<input type="text" name="texto2">
</form>
</body>
</html>

Para testar, basta dar um foco no campo de texto "texto1".

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tash    5

Tash
Postado

O this é uma referência para o próprio objeto. Imagine uma página com dois campos "joao" e "jose". Se você está em algum método dentro do objeto joao, "this" é o joao. Se você está em algum método dentro do objeto jose, "this" é jose.

 

Dá uma lida no código abaixo, pode salvá-lo como uma página HTML e testar... ou testar aqui: http://htmledit.squarefree.com/

 

Clique nos campos:<br>
João:<input type="text" id="joao">
Jose:<input type="text" id="jose">
<script>

var joao = document.getElementById("joao");
var jose = document.getElementById("jose");

joao.onclick = function() 
{
	this.value = "joao ativo";
	jose.value = "jose inativo";
	this.style.background = "green";
	jose.style.background = "red";
}


jose.onclick = function() 
{
	this.value = "jose ativo";
	joao.value = "joao inativo";
	this.style.background = "green";
	joao.style.background = "red";
}

</script>

Sacou? =)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guimma    0

Guimma
Postado

Ufaaaaaaaaaaa!!! até que enfim alguém explicou de forma simples e principalmente compacta, claro que não deve ser tudo sobre o "this" porem já deu uma ideia de como funciona! navegando por ai vi cada explicação louca cheio de pessoas que além de querer explicar ainda querendo mostrar que tem muito conhecimento!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Cara, simples e objetivo, fiz um exemplo para você.

Copie, cole e rode ai que você vai entender.

 

Tradução do que foi feito:
Quando o usuário troca a opção do elemento com id opção o jQuery grava na variável valor o valor "dele mesmo",

ou seja, ele pega o valor do que esta ativo, selecionado, atual ou como você achar melhor.

Depois ele da um alerta com o conteúdo da variavel valor.

 

 

var valor = $(this).val();
alert("Valor selecionado atual: "+valor);
// não tem segredo !

 

 

 

SCRIPT

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#opcao").change(function(){
 
var valor = $(this).val();
alert("Você selecionou a Opção: "+valor);
 
});
});
</script>
</head>
 
<body>
<select name="opcao" id="opcao">
    <option value="Futebol">Futebol</option>
    <option value="Volei">Volei</option>
    <option value="Basquete">Basquete</option>
</select>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito