1.7.1 Creando elementos con Jquery.

Muchas veces será necesario crear elementos HTML para añadirlos a nuestra página web, por ejemplo podríamos desear crear un div con un determinado texto en su interior, para ello podemos usar la función  Jquery  $() que también se suele escribir JQuery(). Para poder entender mejor supongamos que deseamos crear  un elemento div al momento de cargar la página web y este div lo queremos añadir a otro con la clase=Contenedor, el código seria el siguiente:

$(document).ready(function(){
         var nuevoDiv=$(“<div>Este div se ha creado con Jquery</div>”);
         $(“.Contenedor”).append(nuevoDiv);
});

El código anterior consta de los siguientes componentes:

• La primera parte $(document).ready(function(){}); indica que el código javascript se ejecutara únicamente cuando el HTML se haya cargado completamente.
• La segunda parte var nuevoDiv=$(“<div>Este div se ha creado con Jquery</div>”); crea un elemento div que contiene un texto y después lo guarda en la variable nuevoDiv.
• La última parte selecciona el elemento con la clase Contenedor y le añade al div almacenado en la variable nuevoDiv.