Cómo utilizar jQuery: 10 pasos

5 Partes:La descarga de jQuery JQuery añadiendo una página HTML Inicio del objeto jQuery Aplicación de ejemplo conclusión

jQuery[1] Es una biblioteca de javascript[2] que encapsula en su estructura muchas características generales que se pueden agregar a cualquier sistemas web o página web sin muchos problemas compartible o limitación. Tiene un modelo declarativo muy simple basado en la selección de los elementos (etiquetas HTML) y la asignación de acciones o eventos en el elemento seleccionado.

parte 1

La descarga de jQuery

JQuery está disponible en el sitio[3] marco oficial, logo en la página principal, verá un botón "descarga jQuery" que contiene un enlace para descargar el archivo.

Basta con hacer clic en este botón y luego se le dirigirá a una página que le permite elegir la versión actual de jQuery.

Siempre prefieren las versiones más recientes y "comprimido". La diferencia entre comprimida y sin comprimir es la versión comprimida ha tamaño más pequeño en comparación con no comprimido a medida que se retiran de los espacios y líneas innecesarias de las pausas de código. Así que si va a añadir jQuery para un sitio web preferir la versión comprimida, ya que se carga más rápido en el equipo cliente y si se quiere estudiar cómo se desarrolló el marco continuación, descargar la versión sin comprimir.

Al seleccionar la opción, no se espera de la descarga, ya que no se hace de la manera tradicional en lugar de un texto "extraño" aparecerá en la pantalla, será algo como esto.

Ahora sólo tiene que pulsar CTRL + S (juntos) y, a continuación aparecerá una ventana para que elija la ubicación que se guardará el archivo, sólo tiene que seleccionar la carpeta que será su proyecto y luego presione el botón "guardar" ventana.

parte 2

JQuery añadiendo una página HTML

Que debe incluir en su documento HTML para etiquetar, recomiendo que añada esta etiqueta al final del documento antes del cierre de la etiqueta, esto evitará cualquier método de jQuery en acción sin la página esté completamente cargada evitar cualquier anomalía en la página.

Tenga en cuenta que la etiqueta type ="text / javascript", y el otro argumento es la dirección del archivo src ="dirección / jquery.js" (Fuente).

parte 3

Inicio del objeto jQuery

Al realizar la inclusión del marco a la página que ahora tendrá un objeto jQuery que está representado por el carácter $ , para iniciarlo basta con crear la siguiente sintaxis.

La sintaxis básica es $ (Function () {}) - y esto es esencial para el funcionamiento de la estructura.

parte 4

Aplicación de ejemplo

Como se mencionó anteriormente, el jQuery funciona en los métodos de selección de elementos y asignación, en la figura anterior es un ejemplo de ello, donde tenemos un botón que no tiene ninguna funcionalidad. Y el código se observa que se lleva a cabo la selección siguiente: $ ( `#botao`) .click () - , esta es la manera de asignar el evento onclick el botón. Y dentro de los corchetes se pasa a una función que debe realizarse cuando se hace clic en el botón en el caso: function () {} y en esta función se dispara una ventana de alerta con un mensaje para el usuario.

Tenga en cuenta también que hay dos maneras de agregar características de un elemento HTML, la primera que realiza la selección por parte identificación elemento que es entonces representado por # o por selección CLASE elemento está representado por .