* >> Lectura Educación Artículos >> tech >> desarrollo web

jQuery Lección Series - 1

cript anterior es que van a ser servidos directamente desde los servidores CDN de Google, que es más rápido que un servidor normal. Hay una diferencia fundamental entre el primero y el segundo método. El archivo que se incluye en el primer método sería una miniaturizada. Como resultado de esto el tamaño de la fuente es menor en comparación con el archivo que se está incluido en el segundo método. Yo personalmente prefiero CodeLike de la primera one.Let cualquier otro lenguaje de programación que vamos a empezar con un ejemplo hola mundo.

El objetivo de este código es escribir /insertar una cadena "Hola Mundo!" a un elemento HTML basado en HTML elemento ID

$ ("# msgContainer") html ("Hello World!");..

Si nos fijamos en el código el código es muy pequeño. Este código es equivalente a:

var msgContainer = document.getElementById ("msgContainer"), si (msgContainer) {msgContainer = "Hello World!";}

Le permite diseccionar el código jQuery. Para un principiante jQuery este código es weired y feo y lo más importante sin sentido.

Voy a diseccionar el código y explico:

$ ("# msgContainer")

$ () es una función de usos múltiples para la recuperación de los elementos DOM, así como para algunas otras cosas en jQuery, que se tratarán en las secciones posteriores de esta serie. En este ejemplo estamos utilizando esta función le dará todos esos elementos referencias cuyo ID es "msgContainer". Esta función permite obtener el elemento en forma de una lista de nodos (similar a la matriz)

$ ("# msgContainer") html ("Hello World!");. De función

html () con una.

argumento colocará el valor del argumento dentro del elemento de recogida o más bien html () es equivalente a la innerHTML property.jQuery hace uso de un concepto llamado encadenamiento de todo el tiempo. Esto podría ser algo poco complicado para una persona sin mucho fondo JavaScript. Voy a estar explicando más sobre jQuery encadenamiento en mi próximo artículo.

Page << [1] [2]

jQuery Lección Series - 1

jQuery Lección Series - 2

desarrollo web

desarrollo web