teste JQuery JavaScript
Teste biblioteca JavaScript quadro - jQuery
jQuery referência
Para testar biblioteca JavaScript, você precisa fazer referência a ela em uma página da Web.
Para se referir a uma biblioteca, use a tag <script>, cujo atributo src definido para a biblioteca URL:
jQuery referência
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>
</body>
</html>
jQuery Descrição
A função principal é uma função jQuery $ () (função jQuery). Se você passar DOM objeto para uma função que retorna o objeto jQuery com jQuery para adicionar a funcionalidade.
seletor jQuery CSS permite que você selecione elementos.
Em JavaScript, você pode atribuir uma função para lidar com evento de carregamento de janela:
método JavaScript:
{
var obj = document.getElementById ( "h01");
obj.innerHTML = "Olá jQuery";
}
onload = myFunction;
Equivalente jQuery é diferente:
jQuery maneira:
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
A última linha do código acima, objeto de documento HTML DOM é passado para jQuery: $ (document).
Quando você passar objeto DOM para jQuery, jQuery irá retornar ao objeto jQuery objetos DOM HTML embrulhado.
jQuery função retorna um novo objecto jQuery, em que o preparado () é um método.
Como a função é variável em JavaScript, assim você pode colocar myFunction passado como um argumento para os métodos prontos jQuery.
jQuery retornar o objeto jQuery, o objeto DOM passou diferente. JQuery propriedades do objeto e métodos têm, com diferentes objeto DOM. Você não pode usar propriedades e métodos HTML DOM no objeto jQuery. |
jQuery Testing
Por favor, tente o seguinte exemplo:
Exemplos
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
tente »
Por favor, tente novamente neste exemplo:
Exemplos
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").attr("style","color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
tente »
Como você pode ver no exemplo acima, jQuery permite ligações (sintaxe de cadeia).
Ligação (encadeamento) é um método de executar múltiplas tarefas no método conveniente mesmo assunto.
Você precisa saber mais? Este tutorial lhe dá uma grande tutorial jQuery .