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?
$articulo.addClass('articulo');
Gracias por su tiempo
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);
}
}
No es que sepa mucho de javascript, de echo estoy aprendiendo ahora.
Citarpor 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.
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".
Si, como dice
moikano→@, pero por que no prestas atencion a los comentarios que dejo el programador?
Cita de: Lupin en 18 Septiembre 2012, 18:49 PM
...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?
$articulo.addClass('articulo');
Como dice el comentario del programador...
Cita de: Lupin en 18 Septiembre 2012, 18:49 PM
//addClass es un metodo jQuery, agrega una clase CSS al elemento
$articulo.addClass('articulo');
JQUERY .addClass()http://api.jquery.com/addClass/
tienes razon jeje ;D. 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
Cita de: Lupin en 18 Septiembre 2012, 19:52 PM
tienes razon jeje ;D. 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 Referencehttp://www.w3schools.com/html5/html5_reference.asp
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