prueba de jQuery JavaScript
biblioteca de marco de pruebas de JavaScript - jQuery
referencia jQuery
Para probar biblioteca de JavaScript, es necesario hacer referencia a ella en una página Web.
Para hacer referencia a una biblioteca, utilice la etiqueta <script>, cuyo atributo src se establece en la biblioteca de URL:
referencia jQuery
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>
</body>
</html>
Descripción jQuery
La principal función es una función de jQuery $ () (función jQuery). Si pasa objeto DOM a una función que devuelve el objeto jQuery con jQuery para añadir la funcionalidad.
selector de jQuery CSS le permite seleccionar elementos.
En JavaScript, se puede asignar una función para manejar evento de carga de ventana:
método de JavaScript:
{
var obj = document.getElementById ( "H01");
obj.innerHTML = "Hola jQuery";
}
onload = myFunction;
Equivalente jQuery es diferente:
jQuery manera:
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
La última línea del código anterior, objeto de documento HTML DOM se pasa a jQuery: $ (document).
Cuando supere el objeto DOM de jQuery, jQuery volverá al objeto jQuery objetos DOM HTML envueltos.
jQuery función devuelve un nuevo objeto jQuery, en el que la lista () es un método.
Dado que la función es variable en JavaScript, por lo que puede poner myFunction pasa como argumento a los métodos listos jQuery.
jQuery devolver el objeto jQuery, el objeto DOM ha pasado diferente. JQuery propiedades y métodos de los objetos tienen, con diferentes objetos DOM. No se pueden utilizar las propiedades y métodos del DOM HTML en el objeto jQuery. |
Prueba de jQuery
Por favor, intente el siguiente ejemplo:
Ejemplos
<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>
Trate »
Por favor, inténtelo de nuevo en este ejemplo:
Ejemplos
<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>
Trate »
Como se puede ver en el ejemplo anterior, jQuery permite enlaces (sintaxis de la cadena).
Link (encadenamiento) es un método de realizar múltiples tareas en el método conveniente mismo tema.
Usted necesita aprender más? Este tutorial le da una gran tutorial de jQuery .