HTML: Fundamentos jQuery – Conceptos básicos

Entonces, ¿qué es jQuery? Desde el sitio web de jQuery: “jQuery es una rápida y concisa que simplifica la Biblioteca Javascript documento HTML que atraviesa, el control de eventos, animación, y las interacciones Ajax para el desarrollo web rápido. JQuery está diseñado para cambiar la forma en que escribes JavaScript.”

De acuerdo, pero ¿qué significa eso para mí? En pocas palabras, jQuery le ayudará a escribir más rápido de JavaScript utilizando una sintaxis más simple. En lugar de escribir las líneas adicionales de código o la escritura el mismo código una y otra vez, puede usar jQuery para consolidar el código. jQuery que hacer todo el trabajo mientras usted se puede concentrar en las cosas más importantes.

jQuery también apoya la idea de plugins. Plugins permiten a las personas para crear mini-bibliotecas que complementan jQuery. Los plugins pueden ser cualquier cosa desde la validación de formularios para las presentaciones de diapositivas de imagen. Veremos plugins en futuros artículos.

Lo primero que tendrá que hacer para empezar a usar jQuery es decidir si quiere ser sede de la librería jQuery o usa una red de distribución de contenidos (CDN). Si piensa en el recibimiento de la librería jQuery, tendrá que descargarlo desde la página web de jQuery y subirlo a tu servidor web.

La mejor manera de utilizar jQuery es utilizar un CDN. Tanto Microsoft como Google ofrecen jQuery en sus CDN. Hay varias ventajas para ello. La primera es que un CDN se propaga a través de Internet. Cuando alguien llega a su sitio web y pide a la librería jQuery, será que les proporcionó el lugar más cercano de alojamiento. Esto ayudará a acelerar la descarga de la biblioteca a su equipo local. Lo cual nos lleva a otro punto, la biblioteca jQuery se almacena en caché en la máquina del usuario para ayudar con la velocidad.

La segunda razón es que si el usuario ha estado en otro sitio web que había esta referencia CDN, el usuario ya tendrá el archivo de jQuery en su sistema. Esto acelerará la carga de su página web, ya que no tendrá que descargar el archivo de nuevo.

Cuando usted está buscando en las diferentes bibliotecas de jQuery, te darás cuenta de que hay dos. Uno de ellos tiene una ” .min” en el nombre del archivo. Esta es una “minified” versión del archivo. Es más pequeño y se cargarán más rápidamente. ¿Por qué dos versiones? La versión no minified es más fácil de leer, pero como hay una gran cantidad de espacio en blanco, tiene el archivo más grande. Se utiliza para ayudar con la depuración.

Así que siempre que sea posible, utilice siempre el CDN y la versión minified. Esto ayudará a acelerar su sitio web.

Lo siguiente que necesitamos para crear una referencia a la biblioteca jQuery. Esto se hace mediante la adición de una línea en medio de la apertura () y cierre () etiquetas HTML de cabecera. Vamos a utilizar el CDN de Microsoft.

<script src="https://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js" type="text/javascript"> </script>

jQuery funciona como JavaScript normal en el hecho de que utilice etiquetas para denotar el guión. Estos se pueden colocar en la sección de la cabeza o la sección del cuerpo de su página web.

Your script goes here

En primer lugar, empezar por crear un documento HTML. Puede llamar a este lo que quieras. Escriba el siguiente código:

<script src="https://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js" type="text/javascript"> </script><script type="text/javascript"> <a href="#">Click Me</a> </script>

En la actualidad, el vínculo “Haga clic en mí” no hace nada. Vamos a cambiar eso. Escriba el siguiente código entre las etiquetas de script.

$(document).ready(function(){<br /> $(“a”).click(function(event){<br /> alert(“You clicked me!”);<br /> });<br /> });

Lo que hicimos aquí fue añadir un evento de clic al haga clic en “enlace”. Cuando se hace clic, se observó una alerta de JavaScript.

Página: 1 2