Podrian ayudarme a entender este codigo en Jquery

[Lupin]

Hola estoy tratando de incorporar un script a mi web y resulta que tengo que entenderlo primero , pero no se mucho de Java sript. Este es un fragmento del codigo, en realidad no es la logica lo que me intriga sino la declaracion de los tags por ejemplo esta linea  se que agrega  clases pero a ¿una variable?

Código (javascript) [Seleccionar] Expandir

$articulo.addClass('articulo');
Gracias por su tiempo

Código (javascript) [Seleccionar] Expandir




function agregar_articulos(lista_articulos)
{
//Contenedor de los articulos
var $contendor_principal = $('#articulos-wp');

//Descomentar para ver el formato en que llegan los datos
//console.log(lista_articulos)

//Recorro el objeto JSON
for( var i = 0; i < lista_articulos.length; i++ ){

/*
* Creo los tags que contendran la info de cada articulo
*/
var $articulo          = $('<article> </article>');
var $articuloHeader    = $('<header> </header>');
var $articuloTitulo    = $('<h1>');
var $articuloFecha     = $('<span>');
var $articuloContenido = $('<div>');

//addClass es un metodo jQuery, agrega una clase CSS al elemento
$articulo.addClass('articulo');

//Agrego el texto del titulo y la fecha.
$articuloTitulo.text( lista_articulos[i].titulo );
$articuloFecha.text( lista_articulos[i].fecha );


$articuloContenido.addClass('contenido');
$articuloContenido.text(lista_articulos[i].encabezado);

/*
* Utilizo el metodo .append() para insertar los elementos o tags
* dentro de sus padres.
*/

$articuloHeader.append($articuloTitulo);
$articuloHeader.append($articuloFecha);

$articulo.append($articuloHeader);
$articulo.append($articuloContenido);

///Por ultimo agrego el articulo completo al contenedor de estos.
$contendor_principal.append($articulo);
}
}




[moikano→@]

No es que sepa mucho de javascript, de echo estoy aprendiendo ahora.

por ejemplo esta linea  se que agrega  clases pero a ¿una variable?

Creo que lo que hace es añadir la clase artículo a una etiqueta artículo. Como bien se ve en la parte inicial del for.

Código (js) [Seleccionar] Expandir

var $articulo          = $('<article> </article>');

Básicamente lo que hace el script es con un bucle crear una sección html con el contenido de un array que se llama "lista_articulos".

[EFEX]

Si, como dice moikano→@, pero por que no prestas atencion a los comentarios que dejo el programador?

...en realidad no es la logica lo que me intriga sino la declaracion de los tags por ejemplo esta linea  se que agrega  clases pero a ¿una variable?

Código (javascript) [Seleccionar] Expandir

$articulo.addClass('articulo');

Como dice el comentario del programador...

Código (javascript) [Seleccionar] Expandir


//addClass es un metodo jQuery, agrega una clase CSS al elemento
$articulo.addClass('articulo');


JQUERY .addClass()
http://api.jquery.com/addClass/

[Lupin]

tienes razon jeje   . Lo de agregar clases creo que si lo entiendo lo que necesito que me aclaren es  el asunto de declarar etiquetas por ejemplo "<articulo></articulo>" como se comportan esas etiquetas como ¿div ? como ¿Class? Aunque segun estoy googleando creo que es HTML5

[EFEX]

tienes razon jeje   . Lo de agregar clases creo que si lo entiendo lo que necesito que me aclaren es  el asunto de declarar etiquetas por ejemplo "<articulo></articulo>" como se comportan esas etiquetas como ¿div ? como ¿Class? Aunque segun estoy googleando creo que es HTML5

Asi es, es html5.

HTML5 Tag Reference
http://www.w3schools.com/html5/html5_reference.asp

[Agente Naranja]

Después de ejecutar ese addclass, supongo que es como si tuvieras:

<article class="articulo"> </article>

el addClass es para añadir las clases en CSS