elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Podrian ayudarme a entender este codigo en Jquery
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Podrian ayudarme a entender este codigo en Jquery  (Leído 3,509 veces)
Lupin

Desconectado Desconectado

Mensajes: 153



Ver Perfil
Podrian ayudarme a entender este codigo en Jquery
« en: 18 Septiembre 2012, 18:49 pm »

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
  1. $articulo.addClass('articulo');
Gracias por su tiempo


Código
  1.  
  2.  
  3. function agregar_articulos(lista_articulos)
  4. {
  5. //Contenedor de los articulos
  6. var $contendor_principal = $('#articulos-wp');
  7.  
  8. //Descomentar para ver el formato en que llegan los datos
  9. //console.log(lista_articulos)
  10.  
  11. //Recorro el objeto JSON
  12. for( var i = 0; i < lista_articulos.length; i++ ){
  13.  
  14. /*
  15. * Creo los tags que contendran la info de cada articulo
  16. */
  17. var $articulo          = $('<article> </article>');
  18. var $articuloHeader    = $('<header> </header>');
  19. var $articuloTitulo    = $('<h1>');
  20. var $articuloFecha     = $('<span>');
  21. var $articuloContenido = $('<div>');
  22.  
  23. //addClass es un metodo jQuery, agrega una clase CSS al elemento
  24. $articulo.addClass('articulo');
  25.  
  26. //Agrego el texto del titulo y la fecha.
  27. $articuloTitulo.text( lista_articulos[i].titulo );
  28. $articuloFecha.text( lista_articulos[i].fecha );
  29.  
  30.  
  31. $articuloContenido.addClass('contenido');
  32. $articuloContenido.text(lista_articulos[i].encabezado);
  33.  
  34. /*
  35. * Utilizo el metodo .append() para insertar los elementos o tags
  36. * dentro de sus padres.
  37. */
  38.  
  39. $articuloHeader.append($articuloTitulo);
  40. $articuloHeader.append($articuloFecha);
  41.  
  42. $articulo.append($articuloHeader);
  43. $articulo.append($articuloContenido);
  44.  
  45. ///Por ultimo agrego el articulo completo al contenedor de estos.
  46. $contendor_principal.append($articulo);
  47. }
  48. }
  49.  
  50.  
  51.  


« Última modificación: 18 Septiembre 2012, 18:57 pm por Lupin » En línea

moikano→@


Desconectado Desconectado

Mensajes: 572


Cultiva tu mente y cuerpo, son tu única propiedad


Ver Perfil WWW
Re: Podrian ayudarme a entender este codigo en Jquery
« Respuesta #1 en: 18 Septiembre 2012, 19:24 pm »

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

Citar
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
  1. 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".


En línea

EFEX


Desconectado Desconectado

Mensajes: 1.171


"Dinero Facil"


Ver Perfil WWW
Re: Podrian ayudarme a entender este codigo en Jquery
« Respuesta #2 en: 18 Septiembre 2012, 19:32 pm »

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
  1. $articulo.addClass('articulo');

Como dice el comentario del programador...
Código
  1. //addClass es un metodo jQuery, agrega una clase CSS al elemento
  2. $articulo.addClass('articulo');
  3.  

JQUERY .addClass()
http://api.jquery.com/addClass/
En línea

Lupin

Desconectado Desconectado

Mensajes: 153



Ver Perfil
Re: Podrian ayudarme a entender este codigo en Jquery
« Respuesta #3 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
En línea

EFEX


Desconectado Desconectado

Mensajes: 1.171


"Dinero Facil"


Ver Perfil WWW
Re: Podrian ayudarme a entender este codigo en Jquery
« Respuesta #4 en: 18 Septiembre 2012, 19:58 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 Reference
http://www.w3schools.com/html5/html5_reference.asp
En línea

Agente Naranja


Desconectado Desconectado

Mensajes: 535


uguu~


Ver Perfil WWW
Re: Podrian ayudarme a entender este codigo en Jquery
« Respuesta #5 en: 20 Septiembre 2012, 01:41 am »

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
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
podrian ayudarme con el codigo de este ejercicio
Ejercicios
Davidoff 6 7,397 Último mensaje 18 Octubre 2009, 14:10 pm
por h0oke
me podrian explicar que es data en el siguiente codigo en jquery??
Desarrollo Web
jhonatanAsm 4 3,278 Último mensaje 20 Diciembre 2011, 15:21 pm
por jhonatanAsm
ayuda para entender código en c++
Programación C/C++
migcv 5 3,810 Último mensaje 8 Noviembre 2012, 15:38 pm
por rir3760
Ayuda para reescribir codigo en jquery
Desarrollo Web
Gorky 4 3,198 Último mensaje 25 Junio 2013, 10:17 am
por Gorky
¿Alguien puede ayudarme a entender este codigo de strstr?
Programación C/C++
mester 6 3,341 Último mensaje 22 Diciembre 2015, 16:25 pm
por MAFUS
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines