Cómo crear una lista única en jQuery

Un desarrollador web utiliza jQuery para crearcontenido dinámico.

 

CREATE UNIQUE

El marco de JavaScript jQuery permite a los desarrolladores web para acceder a una biblioteca de funciones de JavaScript simplificados. Algunas de estas funciones puede ser utilizado para crear contenido HTML dinámicamente. Por ejemplo, un desarrollador web puede utilizar el jQuery append () para rellenar una única lista de HTML. El método localiza la lista append (), crea nuevas líneas de listas y sitios de contenido en cada elemento individual.

 

Escribe el recipiente lista HTML. En este ejemplo, un nuevo elemento de la lista vacío de HTML ha sido colocado en un documento HTML estándar.

 

HTML

 

cabeza

 

/ Head

 

cuerpo

 

ul

 

/ Ul

 

/ Cuerpo

 

/ Html

 

Incluya la biblioteca jQuery en el código. Usted puede optar por descargar o insertar la última versión de la biblioteca jQuery desde el sitio web de jQuery. Como alternativa, también puede incorporar la última versión del framework jQuery usando la API de Google. Este ejemplo incorpora la última versión de la biblioteca de jQuery.

 

HTML

 

cabeza

 

script src = "http://code.jquery.com/jquery-latest.js" / script

 

/ Head

 

cuerpo

 

ul

 

/ Ul

 

/ Cuerpo

 

/ Html

 

Escribir una nueva función jQuery usando el método append (). El método append lugares contenidos en un elemento HTML. En este ejemplo se incluye ahora la nueva función de jQuery. El método append ha sido llamada y coloca dos nuevos elementos en la única lista de HTML. Cada artículo se ha rellenado con a = string una palabra. En este ejemplo, la palabra "Hello" se imprimirá en el primer elemento de la lista y la palabra "Adiós" es la segunda línea de la lista.

 

HTML

 

cabeza

 

guión "src =" http://code.jquery.com/jquery-latest.js "/ script

 

guión

 

$ ("Ul") append ("liHello / liliGoodbye / li").;

 

/ Script

 

/ Head

 

cuerpo

 

ul

 

/ Ul

 

/ Cuerpo

 

/ Html

 

Consejos y advertencias

Usted puede optar por utilizar otros métodos de jQuery para rellenar las listas y otros elementos HTML. Estos incluyen el appendTo (), html (), prepend (), Prefijopara () y text () métodos.