¿Cuáles son los complementos de jQuery "imprescindibles"? [cerrado]


108

Me gustaría saber cuáles son los complementos de JQuery más útiles. Estoy particularmente interesado en aquellos que probablemente sean útiles en el desarrollo general de la interfaz de usuario, como Tablesorter , en lugar de aquellos que satisfacen necesidades poco comunes.

Si pudiera proporcionar una descripción muy breve del propósito del complemento, sería realmente útil.

Gracias don


1
Mucha gente tiende a combinar jquery con buenas bibliotecas de interfaz de usuario como YUI o dojo. Esto facilita el diseño de la aplicación y brinda una apariencia consistente en todos los ámbitos, lo que podría ser bastante difícil de lograr con una mezcolanza de complementos de jquery para UI. Mi 2C :)
Surya

Si está usando dojo o YUI, entonces también podría no usar jQuery porque ambos incluyen una biblioteca de JavaScript similar como jQuery.
Joshua Partogi

3
jQuery + YUI + dojo + los complementos "imprescindibles", yeaaah. Estoy bastante seguro de que nunca llegaré a tu sitio en mi vida.
gblazex

Respuestas:


45

Mi lista:

  • Autocompletar
    • Campo de entrada para permitir a los usuarios encontrar y seleccionar rápidamente algún valor, aprovechando la búsqueda y el filtrado.
  • JSON
    • Complemento JSON que recupera y manipula datos json.
  • Galleta
    • Complemento de utilidad simple y liviano para leer, escribir y eliminar cookies.
  • Vaildation
    • Para validar los datos de entrada del formulario.
  • UI
    • Widgets temáticos y listos para usar con todas las funciones y más ...
  • Interfaz
    • Arrastrar, ordenar, soltar, componentes plug-and-play y efectos visuales.
  • Ciclo
    • Complemento de presentación de diapositivas de imágenes versátil y liviano.

Si alguien pudiera intentar proporcionar una descripción muy breve de aquellos que aún no se han descrito en otras publicaciones, intentaré incluirlos todos en una publicación resumida.
Dónal

7
La interfaz está depreciada y ya no funciona con 1.2.6 - reemplazada por la interfaz de usuario
redsquare

3
Desde el enlace JSON: Actualización 2007-09-13: A partir de la versión 1.2, el núcleo jQuery ahora admite descargas JSONP entre dominios como parte del soporte nativo de Ajax. Le sugiero que use este soporte en lugar del complemento.
Alexander Abramov

31

Actualmente usamos:

Más impresionante

Elementos de la interfaz de usuario de Jquery:

Complementos útiles de la comunidad:

Más por venir, agregaré enlaces, etc.


Defo - HotKeys es increíble. También una gran salida para enviar / entrar botones, etc, así como atajos de teclado de productividad
penderi

29

Creo que el complemento de Flot (una biblioteca / complemento de trazado) merece un lugar en esta lista "imprescindible".

Además, se usa aquí, en StackOverflow, para mostrar el histograma de la reputación en la página de la cuenta de usuario.


Eso es bastante impresionante, pensé que esas eran imágenes la primera vez que las vi.
Hugoware

4
+1 Vaya, Flot es genial. ¡Buen descubrimiento!
TehOne

Flot usado en muchos proyectos, fácilmente configurable y muy fácil de entender cómo funciona, ¡es imprescindible!
xorinzor

11

Enumeraré uno en el que estoy trabajando ...

Mi complemento jLINQ es una versión jQuery de .NET LINQ. Está hecho para trabajar con colecciones en memoria (no hablar directamente con el servidor) y le permite usar una sintaxis similar a la siguiente.

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

Es compatible con muchos otros comandos que se encuentran en LINQ para ordenar y agrupar junto con la mayoría de los comandos de selección como contiene, entre, mayor que, etc.

Aquí hay una demostración : es estable, pero aún está en progreso

Quizás no debe haberlo hecho, pero podría ser útil a medida que avanza ...


No sé nada sobre .Net, por lo que probablemente ni siquiera debería comentar, pero ... Creo que LINQ es un medio para acceder a datos (relacionales, XML, etc.), ¿no es este el tipo de cosas que generalmente no harías? ¿Quieres en tu código del lado del cliente, donde alguien podría modificarlo?
Dónal

1
LINQ también le permite trabajar con matrices y objetos en memoria. Para eso es todo esto. En realidad, no se comunica con las bases de datos del lado del servidor.
Hugoware

Entonces, ¿normalmente lo usaría para navegar a través de los datos almacenados en objetos JS?
Dónal

Correcto, es útil para trabajar con matrices de objetos. Puede consultar las propiedades de los objetos.
Hugoware

Genial, revisaré los documentos si tengo más preguntas.
Dónal


8

1
Excelente respuesta, la aceptaría, pero supongo que este no es realmente el tipo de pregunta que tiene una respuesta "correcta" y no quiero desalentar más respuestas (todavía).
Dónal

6

Para una forma discreta de enviar mensajes al cliente sin afectar el contenido de la página de forma permanente, utilizo jGrowl , basado en el sistema OSX Growl.

Muchas opciones, configuraciones y mantiene la página limpia :)


Me encanta Growl y esto también se ve genial.
Tim Büthe


5

Sé que esta es una publicación antigua, pero pensé en tirar mis 2 centavos para referencia futura.

Colorbox : definitivamente la mejor ventana / caja de luz modal para Jquery.

El complemento de validación (mencionado anteriormente) también funciona muy bien.





2

Siempre uso Facebox para mostrar formularios y mensajes emergentes al usuario. Mantiene limpia la interfaz de usuario (la mayoría de nuestros usuarios usan Facebook) y, sin embargo, no es tan sosa como usarla alert().





1

Nadie ha mencionado estos, que me parecieron muy útiles:

  • Tablas de datos : agregue funciones avanzadas y controles de interacción a una tabla HTML
  • BeautyTips : agregue información sobre herramientas configurables a un elemento HTML

0

Soy un gran admirador de jTemplates , que le brinda plantillas del lado del cliente. Lo encuentro extremadamente poderoso, especialmente para obtener resultados.


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.