jQuery | Introducción

jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS, o más precisamente, el Modelo de objetos del documento (DOM) y JavaScript.
Al elaborar los términos, jQuery simplifica el recorrido y la manipulación de documentos HTML, el manejo de eventos del navegador, las animaciones DOM, las interacciones Ajax y el desarrollo de JavaScript entre navegadores.

Nota: la única biblioteca disponible en la actualidad que satisface las necesidades tanto de los tipos de diseñadores como de los tipos de programadores es jQuery.

jQuery es ampliamente famoso por su filosofía de «Escribe menos, haz más». Esta filosofía puede ser más elaborada como tres conceptos:

  • Encontrar algunos elementos (a través de selectores CSS) y hacer algo con ellos (a través de métodos jQuery), es decir, ubicar un conjunto de elementos en el DOM y luego hacer algo con ese conjunto de elementos.
  • Enstringmiento de múltiples métodos jQuery en un conjunto de elementos
  • Usando el contenedor jQuery y la iteración implícita

Uso de la biblioteca jQuery (JS) en la página HTML
Hay varias formas de comenzar a usar jQuery en su sitio web.

  1. Utilice la red de entrega de contenido (CDN) alojada por Google o Microsoft para incluir una versión de jQuery.
  2. Descargue su propia versión de jQuery desde jQuery.com y alójela en su propio servidor o sistema de archivos local.

Nota: Todos los métodos jQuery están dentro de un evento de documento listo para evitar que se ejecute cualquier código jQuery antes de que el documento termine de cargarse (esté listo).

La sintaxis básica para cualquier función jQuery es:

$(selector).action()
  • Un signo $es para definir/acceder a jQuery
  • Un (selector) es para «consultar (o encontrar)» elementos HTML en la página html
  • Una acción jQuery() es la acción que se realizará en los elementos seleccionados

Ejemplo:

<!DOCTYPE html>
<html>
    <head>
        <script src=                
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
      </script>
        <script>
            $(document).ready(function () {
                $("h2").click(function () {
                    $(this).hover();
                });
            });
        </script>
    </head>
    <body>
        <center>
            <h2 style="color: green;">
              GeeksforGeeks
          </h2>
        </center>
    </body>
</html>

Producción:

¿Por qué jQuery?
Algunos de los puntos clave que respaldan la respuesta de por qué usar jQuery:

  • Es increíblemente popular, es decir, tiene una gran comunidad de usuarios y una buena cantidad de colaboradores que participan como desarrolladores y evangelistas.
  • Normaliza las diferencias entre los navegadores web para que no tengas que hacerlo tú.
  • Es intencionalmente una huella liviana con una arquitectura de complemento simple pero inteligente.
  • Su depósito de complementos es amplio y ha experimentado un crecimiento constante desde el lanzamiento de jQuery.
  • Su API está completamente documentada, incluidos ejemplos de código en línea, lo que en el mundo de las bibliotecas de JavaScript es un lujo. Diablos, cualquier documentación fue un lujo durante años.
  • Es amigable, es decir, proporciona formas útiles de evitar conflictos con otras bibliotecas de JavaScript.

ventajas:

  • Amplia gama de complementos. jQuery permite a los desarrolladores crear complementos sobre la biblioteca de JavaScript.
  • Gran comunidad de desarrollo
  • Tiene una buena y completa documentación.
  • Es mucho más fácil de usar en comparación con javascript estándar y otras bibliotecas de javascript.
  • JQuery permite a los usuarios desarrollar plantillas Ajax con facilidad, Ajax permite una interfaz más elegante donde se pueden realizar acciones en las páginas sin necesidad de recargar toda la página.
  • Ser ligero y con una poderosa capacidad de enstringmiento hace que jQuery sea más fuerte.

Desventajas:

  • Si bien JQuery tiene una biblioteca impresionante en términos de cantidad, dependiendo de la cantidad de personalización que requiera en su sitio web, la funcionalidad puede ser limitada, por lo que el uso de JavaScript sin procesar puede ser inevitable en algunos casos.
  • Se requiere el archivo javascript de JQuery para ejecutar los comandos de JQuery, mientras que el tamaño de este archivo es relativamente pequeño (25-100 KB según el servidor), sigue siendo una carga para la computadora cliente y quizás también para su servidor web si tiene la intención de hacerlo. aloje el script JQuery en su propio servidor web.

Publicación traducida automáticamente

Artículo escrito por Shivam.Pradhan y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *