Crear elementos de forma optimizada
Original de Todo Jquery
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.
básico tutorial mi estimado joanin! se agradece ídem
$(‘#nav’).append(‘Acerda de’);
También es posible usar:
$(‘li’)
que es mas corto y fácil que:
$(document.createElement(‘li’))
Por ejemplo:
var li = $(‘li’).attr(‘id’,'acerca-de’).html(‘Acerda sssde’).appendTo(‘#nav’);
La sintaxis de MooTools me gusta un poco mas, ya que me parece mas clara:
new Element([Tipo de elemento],[Atributos])
Y permite anidar elementos de manera muchos mas sencilla, de hecho, creo que es una de las pocas cosas en las que mootools es mas sencillo que jquery
Un ejemplo:
http://jsfiddle.net/zFFa7/