jQuery es una librería creada en JavaScript que permite extender dicho lenguaje así como permite interactuar de forma más sencilla con el HTML, PHP y otros lenguajes web interpretados, así como también permite reducir el número de código a escribir con una sintaxis más simple que JavaScript en forma nativa. También se ha adaptado para poder crear páginas web dinámicas con animaciones, manejo de eventos del teclado, ratón, interacción con el sistema cliente. jQuery es considerada como software libre y de código abierto, pudiéndose usar para proyectos privados, públicos, gratis o de pago.

Se define como jQuery a la librería que pertenece al lenguaje de programación JavaScript y es uno de los que más se utiliza en la materia del web además cuenta con un código abierto.

Esta herramienta sirve para ofrecer una capa de usabilidad ya que mejora la interacción con el usuario. Cuando las compañías desean mejorar su web lo ideal es implementar jQuery.

10 Ejemplos de Jquery

jQuery ha crecido en cuanto a popularidad y adaptasiones a distintos servers e ides de programación, incluso Microsoft lo ha añadido de forma predeterminada a su IDE Visual Studio, así como Xcode de Apple.

Para interactuar con jQuery simplemente debemos una vez ya instalado en nuestro server e incluirlo con una inserción de la libreria, llamar a la funcion jQuery o por medio de su alias $(), recibirá como parámetro el ID, expresión en CSS o una etiqueta HTML, devolverá todos los elementos que concuerden con la expresión y posteriormente se podrán trabajar con el selector de jquery.

  1. $(“#tablaAlumnos”); // Devolverá el elemento con id=”tablaAlumnos”
  2. $(“.activo”);       // Devolverá una matriz de elementos con class=”activo”
  3. Ejemplos de jQuery:
  4. // Se elimina el estilo (con removeClass()) y se aplica uno nuevo (con addClass()) a todos los nodos con class=”activo”$(“.activo”).removeClass(“activo”).addClass(“inactivo”);
  5. // Anima todos los componentes con class=”activo”$(“.activo”).slideToggle(“slow”);
  6. $(document).ready(function() {   //Aquí van todas las acciones del documento.});
  7. Se pueden realizar desplazamiento animados en anclas si lo que buscas es realizar un buen trabajo esta herramienta es la perfecta.
  8. Jquery es ideal para crear pestañas para guardar información en forma organizada y lógica.
  9. Para hacer un tooltip ya que estos elementos sencillos estos siempre se usan como globos para señalar texto oculto.
  10. Restringuir inpust esto sirve para cuando introduces datos incorrectos. Puesto que automáticamente el error siempre se mostrara hasta que vayas a enviar la información.
  11. Uso de geolocation con esta aplicación se puede encontrar las personas que vivan en el mismo sector de forma rápida y sencilla, puesto que la organización de los datos es sumamente fácil. con esta aplicación puedes tener todas las direcciones guardadas de manera alfabética y por esa razón solo con introducir su nombre o el nombre con el cual lo guardaste.