Video: Tutorial Jquery: Como agregar JQuery a un sitio web

jQuery se puede utilizar para agregar HTML a una página. Usted puede agregar todo tipo de HTML, imágenes, casi cualquier cosa, y cambiar por completo el diseño de la página con jQuery. Si lo hace, no es realmente una buena idea, porque puede ser muy, muy confuso para averiguar lo que está viniendo de dónde y también puede ser más difícil de mantener en el futuro cuando se necesita para cambiar de página.

En cualquier caso, la adición de HTML para cosas como mensajes de error o para añadir datos a una página es bastante común. Piense en un sitio de viajes que busca información de vuelo. Hacer clic en un botón, y construye los resultados de forma dinámica, a la derecha en la misma página. Esos sitios utilizan javascript, jQuery muchas veces, para lograr esta hazaña.

Pero antes de ir cambiando HTML que puedes aprender a agregar HTML a una página.

Esta lista muestra una página HTML simple que crea una lista de elementos.

La adición de HTML
Aquí es 1
Aquí es 2
Video: como implementar un slider de jquery en html (dreamweaver)

Una página en un navegador web se ve como la siguiente:

La página utiliza una lista desordenada con dos elementos. Se puede añadir otro elemento a la lista con el jQuery adjuntar() función. Si lo hace, significa seleccionar el elemento, que ya sabe cómo hacerlo y, a continuación, llamar a la adjuntar() función. He aquí un ejemplo de añadir un tercer elemento a la lista:

Video: Tutorial jQuery 1 - Agregar contenido (text, html, append, prepend, val)

ps"#la lista").adjuntar("
Aquí hay 3
") -

Como se puede ver, se selecciona el elemento mediante un selector de ID y luego llamar al adjuntar() función con el código HTML para agregar. No es mucho más simple que eso.

Esta lista muestra el código final. Tenga en cuenta que jQuery se ha añadido a la misma en el sección y la adjuntar() función está dentro de la Listo() función.

La adición de HTML
Aquí es 1
Aquí es 2

Cuando se ve en un navegador, el resultado es el siguiente: