Foros del Web » Programando para Internet » Jquery »

Manejar API elemento DOM con jQuery

Estas en el tema de Manejar API elemento DOM con jQuery en el foro de Jquery en Foros del Web. ¡Hola! Estoy empezando con jQuery y no se si se puede acceder a atributos y llamar a funciones de una API específica. Me explico: por ...
  #1 (permalink)  
Antiguo 11/02/2011, 05:25
Avatar de AubeRoseau  
Fecha de Ingreso: diciembre-2010
Ubicación: Sevilla
Mensajes: 90
Antigüedad: 13 años, 11 meses
Puntos: 2
Manejar API elemento DOM con jQuery

¡Hola!

Estoy empezando con jQuery y no se si se puede acceder a atributos y llamar a funciones de una API específica.

Me explico: por ejemplo el elemento video cuenta con una serie de atributos como duration, currentTime,... y una serie de funciones como play(), pause(), etc.
El caso es que con javascript es fácil de hacer uso de esta API:
Código HTML:
Ver original
  1. <video id="video"></video>
Código Javascript:
Ver original
  1. document.getElementById("video").play();

¿Se puede hacer esto con jQuery? He probado a hacer esto:

Código Javascript:
Ver original
  1. $("#video").play();

Pero no funciona.
  #2 (permalink)  
Antiguo 12/02/2011, 11:34
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 3 meses
Puntos: 1532
Respuesta: Manejar API elemento DOM con jQuery

porsupuesto que no, en ningún momento jQuery define tales propiedades, recuerda que es un framework que reemplaza el uso convencional de javascript, pero sigue dependiendo de él, por ejemplo en js tradicional se usa innerHTML y value , en jQuery es simplemente html() y val().

por otro lado pueden existir plugins para jQuery que agreguen tales funcionalidades y $("#video").play(); te pueda servir, pero solo agregándole tales añadidos
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 12/02/2011, 12:21
Avatar de masterpuppet
Software Craftsman
 
Fecha de Ingreso: enero-2008
Ubicación: Montevideo, Uruguay
Mensajes: 3.550
Antigüedad: 16 años, 10 meses
Puntos: 845
Respuesta: Manejar API elemento DOM con jQuery

Creo que te estas confundiendo maycolalvarez, en realidad si se puede, obviamente en los navegadores que tienen soporte para esto, tenes que acceder al elemento en si:

Código Javascript:
Ver original
  1. $("#video").get(0).play();

o agregarlo a jQuery

Código Javascript:
Ver original
  1. $.fn.play = function() {
  2.    this.get(0).play();
  3. }
  4.  
  5. $("#video").play();

Saludos.
__________________
http://es.phptherightway.com/
thats us riders :)
  #4 (permalink)  
Antiguo 12/02/2011, 13:25
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 13 años, 10 meses
Puntos: 206
Respuesta: Manejar API elemento DOM con jQuery

jQuery no soporta aún los elementos (TAG's) nuevos de HTML5, deberás buscar un plugin de JQUERY que sí lo haga.

¿Eso funciona, masterpuppet?

Última edición por marlanga; 12/02/2011 a las 13:30
  #5 (permalink)  
Antiguo 12/02/2011, 13:49
Avatar de masterpuppet
Software Craftsman
 
Fecha de Ingreso: enero-2008
Ubicación: Montevideo, Uruguay
Mensajes: 3.550
Antigüedad: 16 años, 10 meses
Puntos: 845
Respuesta: Manejar API elemento DOM con jQuery

Cita:
Iniciado por marlanga Ver Mensaje
jQuery no soporta aún los elementos (TAG's) nuevos de HTML5, deberás buscar un plugin de JQUERY que sí lo haga.

¿Eso funciona, masterpuppet?
Es tan simple como probarlo, no ?
__________________
http://es.phptherightway.com/
thats us riders :)
  #6 (permalink)  
Antiguo 12/02/2011, 14:16
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 13 años, 10 meses
Puntos: 206
Respuesta: Manejar API elemento DOM con jQuery

Sí, pero ¿qué utilidad tendría entonces un foro donde supuestamente la gente ayuda desinteresadamente a los demás?
Supongo que si el get de Jqery devuelve un objeto DOM, debería funcionar. Pero para probarlo yo, no necesito el foro.
  #7 (permalink)  
Antiguo 13/02/2011, 07:15
Avatar de AubeRoseau  
Fecha de Ingreso: diciembre-2010
Ubicación: Sevilla
Mensajes: 90
Antigüedad: 13 años, 11 meses
Puntos: 2
Respuesta: Manejar API elemento DOM con jQuery

Gracias por las respuestas

En realidad, creo que masterpuppet ha dado con la clave, porque en sí, lo que pretendo es acceder al elemento. Aún no lo he probado, pero probaré y ya os diré si funciona o no.

Saludos
  #8 (permalink)  
Antiguo 14/02/2011, 02:27
Avatar de AubeRoseau  
Fecha de Ingreso: diciembre-2010
Ubicación: Sevilla
Mensajes: 90
Antigüedad: 13 años, 11 meses
Puntos: 2
Respuesta: Manejar API elemento DOM con jQuery

Bueno, deciros que lo he probado y si que funciona, al menos en la última versión del Chrome para Linux.

Gracias!

Etiquetas: api, dom, manejar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:34.