Etiquetas

, ,

Para los que no lo saben, JQuery es una librería javascript que permite de una manera bastante rápida y sencilla acceder y manipular el HTML DOM. Pero porque deberíamos de empezar a usar JQuery? pues aquí van algunas razones:

-Primero: podemos manipular nuestro DOM con menos código, es decir menos código que hace mas, obviamente además de facilitarnos la manipulación del DOM con consultas más sencillas conllevara a páginas más ligeras.

Por Ejemplo

$(‘#txtName’); En lugar de document.getElementById(‘txtName’);

-Segundo: soporta JSON por lo que nos permite realizar aplicaciones AJAX ligeras y sencillas a través del uso de funciones que nos permiten obtener datos del servidor codificados en JSON sin necesidad de refrescar la pagina usando una petición Get HTTPRequest.
Las siguientes son algunas de las funciones que  nos otorga JQuery para trabajar con AJAX.

Low-Level Interface Perform an asynchronous HTTP (Ajax) request.

Global Ajax Event Handlers Register a handler to be called when Ajax requests complete. This is an Ajax Event.

Global Ajax Event Handlers Register a handler to be called when Ajax requests complete with an error. This is an Ajax Event.

Global Ajax Event Handlers Show a message before an Ajax request is sent.

Low-Level Interface Set default values for future Ajax requests.

Global Ajax Event Handlers Register a handler to be called when the first Ajax request begins. This is an Ajax Event.

Global Ajax Event Handlers Hide a loading message after all the Ajax requests have stopped.

Global Ajax Event Handlers Show a message when an Ajax request completes successfully.

Shorthand Methods Load data from the server using a HTTP GET request.

Shorthand Methods Load JSON-encoded data from the server using a GET HTTP request.

Shorthand Methods Load a JavaScript file from the server using a GET HTTP request, then execute it.

Shorthand Methods Load data from the server and place the returned HTML into the matched element.

Collection ManipulationFormsHelper Functions Create a serialized representation of an array or object, suitable for use in a URL query string or Ajax request.

Shorthand Methods Load data from the server using a HTTP POST request.

FormsHelper Functions Encode a set of form elements as a string for submission.

FormsHelper Functions Encode a set of form elements as an array of names and values.

-Tercero: nos permite separar nuestro código javascript de nuestro HTML

Por ejemplo podemos asignarle una función al evento click de un botón de la siguiente manera:

<script src=”_scripts/jquery-1.3.2.min.js” type=”text/javascript”></script>

<script language=”javascript”>

$(document).ready(function() {

$(‘#btnSubmit’).click(function() {

alert(‘Submit Clicked!’);

});

});

</script>

en Lugar de:

<input id=”btnSubmit” onclick=”javscript:Save()” type=”button” value=”button” />
-Cuarto: JQuery es ampliamente usado y soportado por lo que es multinavegador, existen muchos plugin disponibles, posee soporte Intellisense desde Visual Studio 2008 y se puede obtener desde los CDN de google  usando:

<script type=”text/javascript” src=”http://www.google.com/jsapi”></script&gt;

<script type=”text/javascript”>

google.load(“jquery”, “1”);

google.setOnLoadCallback(function() {

alert(“Welcome to Google Hosted JQuery!!”);

});

</script>
Si te convenciste de usar JQuery este es el  link de su site oficial desde el que puedes tener acceso a la documentación, ejemplos, plugin, etc.