jQuery

De Wikipedia, la enciclopedia libre

jQuery es un nuevo tipo de bibliotecas de Javascript que permite simplificar la manera de interactuar con los documentos HTML, permitiendo manejar eventos,desarrollar animaciones, y agregar interacción con la tecnología AJAX a nuestras páginas web.

Tabla de contenidos

1 Características
2 Utilidad
3 Véase también
4 Referencias
5 Enlaces externos

[editar] Características

DOM interactividad y modificaciones, (incluyendo soporte para CSS 1-3 y un Plugin Básico de XPath)
Eventos
Efectos y Animaciones
Ajax
Extensibilidad
Plugins Javascript

[editar] Utilidad

jQuery consiste en un único archivo JavaScript, que contiene las funcionalidades comunes de DOM,Eventos, Efectos y funciones de AJAX, las cuales pueden ser incluidas dentro de cualquier página web usando la siguiente instrucción:

<script type="text/javascript" src="path/to/jQuery.js"></script>

jQuery tiene una sintaxis muy sencilla. Los comandos se reconocen por comenzar con el símbolo "$". Ahora, la forma de una sentencia es la siguiente:

$(elemento).evento(funcion-o-parametro);

La manera de inicializar jQuery es muy útil:

$(document).ready(function(){
     //tu codigo aqui !!
});

ready() Es un método propio de jQuery, que verifica si el DOM está listo para utilizarse. debido a que este la estructura de conformación de la página web.

Para acceder a los elementos de la página mediante jQuery es muy sencillo debido a que se utiliza la misma nomenclatura de CSS

Tipo de elemento Modo de llamado	Metodo llamado
Etiqueta Nombre de la etiqueta.	Ejemplos: "a", "strong", "div"
Elemento con un Id Id precedido por el signo "#".	Ejemplos: "#principal","#texto"
Elemento con una clase (class) Clase precedida por un punto (.).	Ejemplos: ".codigo", ".titulo

Ejemplo: A continuación se muestra un ejemplo de selección

$("a").click( function(){});

Ejemplo : A continuación se muestra un ejemplo de utilización de jQuery en una página web

<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Prueba de jQuery</title>
 
 
    <script src="jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function (){
                //Aqui asignamos el click al elemento <a>
                $("a").click(function (){
                    alert("Presionaste un <a>");
                });
            });
        </script>
 
 
    </head>
 <body>
    <a href="#"> Presioname! </a>
 </body>
</html>