jQuery vs jQuery Mobile vs jQuery UI?

97

Soy nuevo en el desarrollo web y hay demasiadas cosas j * por ahí. Me pregunto cuáles son las diferencias entre estos marcos.

Además, ¿por qué la gente habla mucho sobre la creación de un complemento usando jQuery? ¿No se supone que es una biblioteca de JavaScript para hacer que su página web sea más interactiva?

Chan Le
fuente
3
No, esta es una pregunta significativa para cualquier novato como yo (gracias por hacer la pregunta y no modificarla).
FredyWenger

Respuestas:

196

jQuery es un marco de JavaScript diseñado para permitir a los desarrolladores literalmente "escribir menos, hacer más", los 3 sabores diferentes por los que estás preguntando, hacen cosas muy diferentes.

Primero, jQuery es la biblioteca principal que contiene la funcionalidad principal del marco, por lo que si desea hacer que un elemento se desvanezca, debe incluir jQuery en su página y luego llamar a la fadeIn()función en uno de sus elementos.

La interfaz de usuario de jQuery se creó teniendo en cuenta los elementos de la interfaz de usuario y las interacciones que generalmente requieren mucho código para manipular de otra manera. Entonces, la biblioteca contiene cosas como la capacidad de arrastrar y soltar elementos y obtener información útil de esas interacciones. Pero al mismo tiempo, hay un enfoque en la apariencia, por lo tanto, hay todo tipo de temas disponibles para diseñar estos poderosos elementos de la interfaz de usuario en esta biblioteca.

jQuery mobile es un marco poderoso construido sobre jQuery y diseñado específicamente para plataformas móviles; después de todo, la funcionalidad de cosas como arrastrar y soltar debe repensarse para las pantallas táctiles, al igual que la funcionalidad principal como "flotar", que simplemente no lo hace. existen en el móvil.

Todos juntos, los marcos se pueden usar para mejorar la usabilidad de un sitio y realmente ahorrar mucho tiempo a los desarrolladores. Para obtener más información sobre el marco, visite Learning jQuery , un gran recurso para comenzar.

Los complementos permiten a los desarrolladores web tomar la solución a su problema y resumirlo en un solo bloque funcional e independiente (generalmente en un archivo separado). Luego pueden compartir eso con todos los demás para que puedan hacer lo mismo. Entonces, si alguien crea una función de galería para un sitio que creó, hacer un complemento le permitiría reutilizar fácilmente el código y ayudar a otros que enfrentan el mismo problema.

Tom Walters
fuente
2
Si uso jquery mobile, ¿también tendré que usar jQuery? Quiero decir, ¿jQuery mobile proporciona todas las funciones de jQuery (excepto los eventos de mouse / teclado)?
Muhammad Qasim
4
@MuhammadQasim De hecho, necesita jQuery core, consulte esta pregunta .
Tom Walters
7
jQuery Mobile no está construido sobre jQueryUI. Puede verlo fácilmente cuando compara Object.keys($.fn)en ambos marcos. No estoy seguro de si esto ha sido cierto en el pasado. Hoy en día puede haber ciertas incompatibilidades entre los dos.
user123444555621
3
Para los nuevos visitantes, jQuery UI todavía no está del todo a la velocidad de desarrollo móvil, pero hay una maravillosa ayudante que lo hace tan: touchpunch.furf.com
silencedmessage