jQuery vs jQuery Mobile vs jQuery UI?


97

Eu sou novo no desenvolvimento web e existem muitas coisas J * por aí. Eu me pergunto quais são as diferenças entre essas estruturas?

Além disso, por que as pessoas falam muito sobre como fazer um plugin usando jQuery? Não deveria ser uma biblioteca JavaScript para tornar sua página da web mais interativa?


3
Não, esta é uma pergunta significativa para qualquer novato como eu (obrigado por fazer a pergunta e não modificá-la)!
FredyWenger

Respostas:


196

jQuery é uma estrutura JavaScript projetada para permitir que os desenvolvedores literalmente "escrevam menos, façam mais", os 3 sabores diferentes sobre os quais você está perguntando, fazem coisas muito diferentes.

Em primeiro lugar, jQuery é a biblioteca central que contém a principal funcionalidade do framework, então se você quiser fazer um elemento fade in, você deve incluir jQuery em sua página e, em seguida, chamar a fadeIn()função em um de seus elementos.

O jQuery UI foi criado com elementos da interface do usuário e interações em mente que geralmente requerem uma grande quantidade de código para manipular de outra forma. Portanto, a biblioteca contém coisas como a capacidade de arrastar e soltar elementos e obter informações úteis dessas interações. Mas, ao mesmo tempo, há um foco na aparência, portanto, há todos os tipos de temas disponíveis para estilizar esses poderosos elementos de interface do usuário nesta biblioteca.

jQuery mobile é uma estrutura poderosa construída em cima do jQuery e projetada especificamente para plataformas móveis - afinal a funcionalidade de coisas como arrastar e soltar precisa ser repensada para telas de toque, assim como a funcionalidade central como "pairar", que simplesmente não existe no celular.

Juntas, as estruturas podem ser usadas para aprimorar a usabilidade de um site e realmente economizar muito tempo dos desenvolvedores. Para saber mais sobre a estrutura, visite Learning jQuery - um ótimo recurso para começar.

Os plug-ins permitem que os desenvolvedores da web coloquem a solução para seu problema e a abstraiam em um único bloco funcional e independente (geralmente em um arquivo separado). Eles podem então compartilhar isso com todos os outros para que eles possam fazer o mesmo. Portanto, se alguém construir um recurso de galeria para um site que criou, criar um plug-in permitiria que eles reutilizassem facilmente o código e ajudaria outras pessoas que enfrentassem o mesmo problema.


2
Se eu usar o jquery mobile, também precisarei usar o jQuery? Quero dizer, o jQuery mobile fornece todas as funcionalidades do jQuery (exceto eventos de mouse / teclado)?
Muhammad Qasim,

4
@MuhammadQasim Na verdade, você precisa do jQuery core, veja esta pergunta .
Tom Walters

7
O jQuery Mobile não é construído sobre o jQueryUI. Você pode ver isso facilmente ao comparar Object.keys($.fn)em ambas as estruturas. Não tenho certeza se isso foi verdade no passado. Hoje pode haver certas incompatibilidades entre os dois.
user123444555621

3
Para os visitantes mais novos, jQuery UI ainda não é completamente até a velocidade de desenvolvimento móvel, mas há um ajudante maravilhoso que torna tão: touchpunch.furf.com
silencedmessage
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.