7/31/2019 Jquery Basico

1/1

JQUERY BASICO RodriguezWeb

Guillermo J Rodrguez Pineda Pgina 1

JQUERY Bsico

JQuery es una biblioteca de JavaScript, creada porJohn Res ig que permite simplificar la manera de interactuar conlos documentos HTML, manipular el Arbol DOM, manjar eventos , desarrollar animaciones y agregar interacciones congracias a AJAX. Fue presentada el 14 de enero de 2006 en el BarCamp NYC

JQuery es un softw are libre, posee un doble licenciamiento bajo la Licencia MIT y la Licencia Publica de GNU,permitiendo su uso en proyectos libres como privados, JQuery al igual que otras libreras ofrece una serie defuncionalidades bsicas en JavaScr ipt que de otra manera requeriran de mucha mas lneas de cdigo, es decir que las

funciones propias de esta biblioteca se logran grandes resultados en menos tiempo.

Funciones Basicas

Funcione $()La f orma de interactuar con la pagina es mediante a esta funcin , que es un alias de JQuery() , que recibe comopamatro una expresin CSS o el nombre de una etiqueta HTML y devuelve todos los nodos (elementos) queconcuerden con al expresin

Ejemplo

$("#tablaAlumnos");// Devolver el elemento con id="tablaAlumnos"

$(".activo"); // Devolver una matriz de elementos con class="activo"

Inicio de JQuery

Como saben JavaScr ipt es un lenguaje de programacin lineal, y para hacer ms ef iciente el uso de esta biblioteca secrear un inicio, esto quiere decir que se carga y efectuar todo lo que programemos una vez la pgina est terminadade cargar (HTML)

Ejemplo

$(document).ready(function(){

//Aqu van todas las acciones del documento.

});

Antes de seguir llenndolos con tanta teora vamos a nuestro primer Ejemplo

Importar la librera de JQuery

Ejem plo 1:en el cual cambiaremos los textos usando botone , esto sin recargar la pgina.

Recuerda que debes cargar entre las etiqueta

Creamos la Capa donde se mostrar el Texto

Haz clic en un botn

Luego creamos los botones