domingo, 25 de septiembre de 2011

JQUERY I - ASP.NET 2008 PARTE 1

Buena una vez, en esta ocasion veremos el manejo de una de los mas populares  framework de javascript, jquery nos facilita el manejo, para los que desarrollamos aplicaciones webs que ya conocemos javascript se les va ha ser mas facil entender el manejo de jquery , veremos el uso de la libreria como primer paso descargaremos la libreria de la pagina oficial de jquery.

 http://jquery.com/

 Luego lo referenciamos a nuestro proyecto.

recordaremos un poco de codigo javascript para ver las grandes ventajas de jquery, iniciaremos desde los mas basico para su mejor comprension  recordaremos que para obtener el valor como por ejemplo de un input los haciamos de las siguientes manera.

var jvalor = document.getElementById("txtValor").value;
alert(jvalor);

Donde jvalor va ha obtener el valor del input  y lo mostrabamos en un mensaje(alert); pero recordemos que para hacerlo cuando el DOM ya este listo le asignabamos en el cuerpo (body) del documento HTML
osea de la siguiente manera:

<body onload="mifuncion();" >

Ahora veremos como  hacerlo con jquery:


$().ready(function() {

            var jvalor = $('#
txtValor').val();

            alert(jvalor);

        });


Jquery no necesita ser referenciado en el Body del HTML ya que cuenta con instruccion $().ready()  lo que hace es que primero verifica que todo el  codigo que se encuentra entre las llaves de apertura se ejecute luego que el  DOM(Document Object Model) este disponible para poder acceder , de esta manera el selector obtiene el valor que obtiene por defecto el input (que tambien puede ser un asp Textbox) a travez de su ID,de esta manera hemos visto la simplicidad de JQUERY en cuanto al acceso del DOM.

Una de las caracteristicas de jquery es la simplicidad de su sintaxis y hacer mas y escribir menos codigo;

Para limpiar todos los Text de un formulario con apenas una linea de codigo:

  $(':text').val('');

Hasta aqui llegaremos en esta primera parte.

Saludos ,

Martin Cox Rojas

Microsoft DCE