Quais são os plug-ins jQuery “obrigatórios”? [fechadas]


108

Gostaria de saber quais são os plug-ins JQuery mais úteis. Estou particularmente interessado naqueles que provavelmente serão úteis no desenvolvimento geral da interface do usuário, como o Tablesorter , em vez daqueles que atendem a necessidades incomuns.

Se você pudesse fornecer uma breve descrição do propósito do plugin, isso seria muito útil.

Obrigado, don


1
Muitas pessoas tendem a combinar jquery com boas bibliotecas de interface do usuário como YUI ou dojo. Isso torna mais fácil aplicar o skin do aplicativo e dá uma aparência consistente em toda a linha, o que pode ser bastante difícil de conseguir com uma mistura de plug-ins jquery para IU. Meu 2C :)
Surya

Se você estiver usando dojo ou YUI, também pode não usar jQuery, porque ambos incluem uma biblioteca javascript semelhante, como jQuery.
Joshua Partogi

3
jQuery + YUI + dojo + os plug-ins "obrigatórios", sim. Tenho quase certeza de que nunca acessarei seu site na vida.
gblazex

Respostas:


45

Minha lista:

  • autocompletar
    • Campo de entrada para permitir que os usuários encontrem e selecionem rapidamente algum valor, aproveitando a pesquisa e a filtragem.
  • JSON
    • Plugin JSON recuperando, recuperando e manipulando dados json.
  • Biscoito
    • Plugin de utilitário simples e leve para ler, gravar e excluir cookies.
  • Vaildation
    • Para validar os dados de entrada do formulário.
  • UI
    • Widgets temáticos completos e prontos para usar e muito mais ...
  • Interface
    • Arrastar, classificar, inserir, componentes plug-and-play e efeitos visuais.
  • Ciclo
    • Plugin de apresentação de slides de imagens versátil e leve.

Se alguém pudesse tentar fornecer uma breve descrição daquelas que ainda não foram descritas em outras postagens, tentarei incluí-las em uma postagem resumida.
Dónal

7
A interface está depreciada e não funciona mais com 1.2.6 - supervisionado pela IU
redsquare

3
Do link JSON: Atualização 2007-09-13: a partir da versão 1.2, o núcleo do jQuery agora oferece suporte a downloads JSONP de domínio cruzado como parte do suporte nativo Ajax. Eu sugiro que você use este suporte em vez do plugin.
Alexander Abramov

31

Atualmente usamos:

Mais impressionante

Elementos da IU do Jquery:

  • Guias - interface do usuário com guias
  • AutoCompletar - caixa de sugestões do serviço da web
  • DatePicker - bom seletor de data do calendário

Plug-ins úteis da comunidade:

Mais por vir, adicionarei links etc ...


Defo - HotKeys é incrível. Também é uma ótima maneira de enviar / inserir botões, etc., bem como atalhos de produtividade do teclado
penderi

29

Acho que o plugin Flot (uma biblioteca / plugin de plotagem) merece um lugar nesta lista de "itens obrigatórios".

Além disso, é usado aqui, no StackOverflow, para exibir o histograma da reputação na página da conta do usuário.


Isso é bastante impressionante - pensei que essas eram imagens na primeira vez que as vi.
Hugoware

4
+1 Uau, Flot é muito legal. Bom achado!
TehOne

Flot usado em muitos projetos, facilmente configurável e muito fácil de entender como funciona - é um must-have!
xorinzor

11

Vou listar um em que estou trabalhando ...

Meu plugin jLINQ é uma versão jQuery do .NET LINQ. Ele é feito para trabalhar com coleções na memória (não falando diretamente com o servidor) e permite que você use uma sintaxe semelhante à seguinte.

var results = $.from(data)
    .ignoreCase()
    .startsWith("firstName","m")
    .or("n")
    .isNot("administrator")
    .orderBy("lastName")
    .select();

Ele oferece suporte a vários outros comandos que você encontra no LINQ para ordenar e agrupar junto com a maioria dos comandos de seleção, como contains, between, higherThan, etc ...

Aqui está uma demonstração - É estável, mas ainda está em andamento

Talvez não deva, mas pode ser útil à medida que avança ...


Não sei nada sobre .Net, então provavelmente nem deveria estar comentando, mas ... Eu acredito que LINQ é um meio de acessar dados (relacional, XML, etc.), não é esse o tipo de coisa que você geralmente não faria deseja em seu código do lado do cliente, onde qualquer um poderia modificá-lo?
Dónal

1
O LINQ permite que você também trabalhe com objetos e matrizes na memória. É para isso que serve. Na verdade, ele não se comunica com bancos de dados no lado do servidor.
Hugoware

Então, normalmente você o usaria para navegar pelos dados armazenados em objetos JS?
Dónal

Certo, é útil para trabalhar com matrizes de objetos. Você pode consultar as propriedades dos objetos.
Hugoware

Ótimo, vou verificar a documentação se tiver mais perguntas.
Dónal


8

1
Ótima resposta, eu aceitaria, mas suponho que esse não seja realmente o tipo de pergunta que tem uma resposta "certa" e não quero desencorajar outras respostas (ainda).
Dónal

6

Para uma forma discreta de enviar mensagens ao cliente sem afetar o conteúdo da página de forma permanente, utilizo o jGrowl , baseado no sistema OSX Growl.

Muitas opções, configurações e mantém a página limpa:)


Ame Growl e isso parece ótimo também.
Tim Büthe,


5

Eu sei que este é um post antigo, mas, só pensei em jogar meus 2 centavos, para referência futura.

Colorbox - Definitivamente a melhor janela / caixa de luz modal para Jquery.

O plugin de validação (mencionado anteriormente) também funciona muito bem.


3

UI - nenhuma maneira melhor de fazer arrastáveis, redimensionáveis ​​e alguns outros.

Slibox2 - clone lightbox definitivo para jQuery, muito fácil de usar.

iFixPng - solução simples para IE6 PNG w / alpha.



2

UI é definitivamente um must-have. Como um componente de grade, eu recomendaria jqGrid . IMHO, é melhor do que flexiGrid .


2

Eu sempre uso o Facebox para exibir formulários pop-up e mensagens para o usuário. Ele mantém a interface do usuário limpa (a maioria de nossos usuários usa o Facebook) e, ainda assim, não é tão branda quanto usar alert().


1

Se estiver usando o Visual Studio 2008 para codificar seu jQuery, você precisa do Intellisense: http://weblogs.asp.net/bleroy/archive/2008/10/27/jquery-intellisense-documentation-file-available.aspx


Você não precisa disso, apenas um bom ter :)
redsquare

Se você estiver fazendo jQuery no VS 2008, acho que é obrigatório;)
Aaron Powell

Isso é para o antigo estúdio visual e para o antigo jquery. Como usar o intellisence no VS2010 com lates jquery 1.7?
Andrus



1

Ninguém mencionou isso, o que eu achei muito útil:

  • Datatables - Adicionar funções avançadas e controles de interação a uma tabela HTML
  • BeautyTips - Adicionar dicas configuráveis ​​a um elemento HTML

0

Sou um grande fã de jTemplates , que oferece modelos do lado do cliente. Acho extremamente poderoso, especialmente para renderizar resultados.


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.