Empezando con jQuery (Un pequeño ejemplo)

Hasta ahora hemos visto cómo cargar el código , cómo preparar el entorno  y qué son los selectores, ahora lo siguiente es saber cómo podemos utilizarlo.

¿Qué haremos?

El objetivo principal de jQuery (Y de muchos otros Frameworks) es de simplificar instrucciones, por ejemplo, en javascript para seleccionar a un objeto según su 'id' haríamos algo como esto:



var x=document.getElementById('elemento');
En cambio, con jQuery podemos simplificarlo en algo como:

var x = $("#elemento");

Podemos apreciar a simple vista la reducción de código, tal vez no a grandes rasgos, pero poco a poco se demostrará esto.


Para empezar a programar en jQuery, hagamos una pequeña prueba donde le asignemos un estilo (clase) CSS a un párrafo, el nombre de la clase que le asignaremos es "Estilo" y la agregaremos usando el método "addClass('nombre_de_la_clase')".

< HTML >
< HEAD >
< style >

 .Estilo /* Nuestro estilo que modificará a nuestro párrafo */
 {
 color:yellow;
 background-color:gray;
 }

< /style >
 < TITLE >New Document< /TITLE >
 < script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript">< /script  >
 < script >

    $(document).ready( function() { $("#Parrafo").addClass('Estilo'); });

 < /script >
< /HEAD >
< BODY >


< p id="Parrafo" >

 Este párrafo debe tener un fondo gris y una letra amarilla...

< /p >
< /BODY >
< /HTML >

El resultado sería este:

Poco a poco les mostraré trucos y más funciones que pueden realizar con jQuery.

Las variables en Javascript

Javascript es un lenguaje muy flexible al momento de declarar variables, una variable se declara precediendo la palabra "var" antes del nombre de la variable:

var variable;

¿Y donde queda el tipo de dato?
Pues bien, en Javascript una variable puede almacenar tanto enteros, como cadenas, caracteres, flotantes, booleanos, etc. Todos estos se centran en 4 tipos:

• Number- Para número (reales, flotantes, negativos,etc.).
• String- Cadenas y caracteres
• Boolean-Para condicionales true o false
• Undefined- Para variables que se les ha asignado un valor

Aunque para una variable no importa el tipo de dato al momento de asignarle un valor, por ejemplo:

 < script language="Javascript" >

     < !--

var x="La variable almacena una cadena";
alert( x ); //Mostramos el valor de x
x=12;
alert(x); //Nuevamente lo volvemos a mostrar

     //-->

 < /script >

El resultado sería:

Aunque esto incluye algunas excepciones. Por ejemplo, el resultado de sumar un valor de tipo String y un Number no puede ser lo que esperaríamos.

var x="10";
x=x+10;
alert (x);// Aquí podriamos esperar el número 20 como resultado.

Como vemos lo que ha sucedido fue una concatenación del valor de x y el número 10.
Si nosotros no queremos eso, basta con llamar a la función parseInt( variable).

var x="10";
x=parseInt( x  ) +10;

alert (x);// El resultado será 20

 ¿Cómo saber el tipo de dato que mi variable tiene?
La función typeof( variable ) nos devuelve el tipo de dato que tiene nuestra variable:

var x="10";
alert ( typeof( x ) );
x=10;
alert ( typeof( x ) );
x=true; //booleano
alert ( typeof( x ) );

Y el resultado sería:

 Así pues es como uno puede declarar una variable y mediante la función typeof( ) uno puede saber qué tipo de dato está almacenando la variable.