http://jquery.com/
Luego lo referenciamos a nuestro proyecto.
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
No hay comentarios:
Publicar un comentario