Utilizando JQUERY

Cuando escuche por primera vez sobre jquery y sus utilidades inmediatamente comence a buscar informacion de como utilizarlo con ASP .NET pero nunca encontrabexa como iniciar como utilizarlo siempre  informacion muy simple y sin un lineamiento de como iniciar y utilizarlo desde el cero.  Intentare en este punto explicarlo de forma sencilla.

1-Debemos bajar la libreria de jquery actualmente esta la 1.7.2

http://docs.jquery.com/Downloading_jQuery#Download_jQuery

al bajar la libreria que es : jquery-1.7.2.min.js con esta es suficiente para usar jquery las demas libreria como vsdoc.js es para el intellisense que veremos luego y el ui.min.js que explciare en otro momento por ahora centremosno en la min.js.

Debemos de copiar en nuestro proyecto de Visual Studio en nuestro caso usaremos la version 2010 y me referire a las misma VS2010.

Para utilizar la libreria en nuestro pagina web es bien sencillo, solo tenemos que arrastrar la libreria del Solution Explorer hacia la etiqueta del codigo HTML de la pagina aspx, como se muestra en la siguiente grafica.

imagen(referencia)**

la linea que debemos agregar es:

   

La parte importante para determinar si hemos realizado todo lo anterior correctamente  es colocando el uso de javascript para utilizar las funciones y ver que funciona.

   

donde document ready todo lo que este dentro de el se ejecutara cuando la pagina inicie, debemos de tomar en cuenta que lo anterior se coloca debajo  de la linea donde colocamos en uso el jquery-1.7.2.min.js ver imagen (referencia).

usted debe tener su pagina aspx de la siguiente forma:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="demo.aspx.cs" Inherits="demo" %>

   

   

    

   

   

   

    

   

   

Al ejecutar su aplicacion web de VS2010 debe salir lo siguiente:

es algo simple pero es la base para iniciar con jquery y determinar que todo esta correctamente para ver otros puntos mas.

USANDO DOCUMENT.READY

En este punto veremos algo bien breve pero util ya que muchas veces necesitamos  que un objeto textBox tenga el foco cuando inicie la pagina para esto invocamos el objeto desde el document.ready

 $('#txtUsuario').focus();

donde el $ es para invocar la libreria de jquery y luego con el signo de # colocamos el nombre del objeto que deseamos usar entre comillas y luego el  metodo que deseamos usar en este caso focus

al subir la pagina el puntero estara en este objeto