•  
     

Variáveis - jQuery

Variáveis são um lugar para armazenarmos informações para usar depois. As variáveis podem guardar qualquer tipo de informação com o qual você pode trabalhar, então pense nelas como contêineres.

O sinal de igual = é usado para atribuir valores. Por exemplo, em jQuery, você pode escrever

Código: Selecionar todos

var lucky = 7;
var name = "teste";
var $p = $('p');

Nossa primeira variável contém um número, 7, enquanto a segunda variável contém um texto, "teste". Nossa terceira variável armazena o resultado de um seletor jQuery, $('p') na variável $p, Como você pode ver, esse é um bom jeito de guardar essa informação para uso posterior.

Mas por que faríamos isso? Bem, até agora não precisamos modificar nada mais de uma vez. Se quiséssemos mudar nossa página com base em novas informações, precisaríamos armazenar essas informações em variáveis. Talvez você queira criar uma página de carregamento e fazê-la desaparecer assim que a informação for recebida. É uma boa ideia para o uso das variáveis.


HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div>teste
<ul>teste0
<li>
<ol>
<li>teste1</li>
<li>teste2</li>
<li>teste3</li>
<li>teste4</li>
</ol>
</li>
<li>teste5</li>
<li>teste6</li>
</ul>
</div>  
</body>
</html>


JavaScript

Código: Selecionar todos

$(document).ready(function() {
var $target = $('ul');
$target.fadeOut('fast');
});