Skip navigation

Tag Archives: codigo

A la hora de programar en jQuery suelo crear elementos para añadir a la página. Normalmente solía realizar, por ejemplo, los siguientes pasos:

var li = document.createElement(‘li’);
li.id = ‘acerca-de’;
li.innerHTML = ‘Acerca de’;
$(‘#nav’).append(li);

Como veis, estoy creando un nuevo elemento de una lista, asignándole un ID, insertando su html correspondiente y añadiéndolo a una lista que ya tengo con identificador #nav.

Lo bueno que tiene jQuery es que está desarrollado para poder anidar instrucciones, haciendo que cada función devuelva el mismo elemento. De este modo estos pasos quedarían:

var li = $(document.createElement(‘li’)).attr(‘id’,’acerca-de’).html(‘Acerda de’).appendTo(‘#nav’);

Dejando un código mucho más sencillo, limpio y reducido.