¿Qué es jQuery?

En este post voy a explicar que es jQuery, las ventajas de usar jQuery y por qué utilizar jQuery en nuestras aplicaciones web.

¿Qué es jQuery?

jQuery es una biblioteca de JavaScript, que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones (FLV) y agregar interacción con la técnica AJAX a páginas web.

Diferencia entre la escritura de JavaScript y jQuery

JavaScript es un lenguaje de programación propio. Mientras jQuery es una biblioteca construida en el lenguaje de secuencias de comandos de JavaScript que ayuda a los usuarios a escribir código JavaScript mucho más rápido (Principalmente nos permite manipular el DOM, crear animación y AJAX).

Diferencia entre JavaScript y jQuery

Ventajas de utilizar jQuery

Mejora el rendimiento de la aplicación web
Es ligero y más rápido en comparación con la escritura de JavaScript
Lenguaje Independiente Ejemplo: Asp.Net, PHP, HTML, JSP, etc.
Navegador compatible: funciona con la mayoría de los navegadores.
Puede hacer las funciones de interfaz de usuario complejas fácilmente con unas pocas líneas de código.
Puede aplicar AJAX dentro de aplicaciones web. Se puede utilizar para evitar la ida y vuelta de la página completa al servidor, pero capaz de realizar las operaciones a base de datos.
Es la biblioteca de código abierto, que también se integra oficialmente en Visual Studio 2010, 2012 y 2013.

Cómo utilizar jQuery en aplicaciones Web ASPNET?

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="jQuery.aspx.vb" Inherits="jQuery_jQuery" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Hello jQuery</title>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            alert("Hello jQuery");
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>    
    </div>
    </form>
</body>
</html>

Si quieres un evento jQuery en tu página, debes llamarlo dentro de la función $(document).ready(). Todo se carga en cuanto se carga el DOM y antes de que se cargue la página de contenidos.

$(document): Significa la página en la que se encuentra el código jQuery.

.ready(): Esto significa que la página se carga y el código de jQuery está listo para ser ejecutado.

Así que al final serás capaz de mostrar la alerta al cargar la página de la aplicación web asp.net con jQuery.

Bueno, este artículo es para principiantes ya que he explicado con un ejemplo sencillo, si tienes dudas o comentarios no dudes en escribirnos. Si quieres descargar el ejemplo, lo puedes hacer en esta liga https://github.com/jiestrada/Introduccion_jQuey

Saludos y Gracias por leernos.