Selectores en jQuery

Método attr() de jQuery

HTML5 IE enabling script

Codigo Javascript necesario para que funcione correctamente código HTML5 en Internet Explorer.

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

funcion $.load() de jQuery

Se utiliza básicamente para cargar una página (del mismo sitio o externa) dentro de una capa de nuestra página web. La sintaxis de su uso general es la siguiente:

.load( url, [ data ], [ complete(responsEnlaceeText, textStatus, XMLHttpRequest) ] )

url: Una cadena de caracteres que contiene la URL del archivo que se envía.

data: Una cadena de caracteres que contiene la respuesta del servidor.

complete: (responseText, textStatus, XMLHttpRequest) Una funcion que se ejecuta cuando la solicitud se completó.

Es un método muy simple para consultar datos de un servidor. Es equivalente al $.get() aunque tiene sus diferencias, que posteriormente analizaremos.

El ejemplo más simple, sin envío de parámetros es el siguiente:

$("#divContenido").load("articulos.php");

Esa simple instrucción, carga la página articulos.php dentro de la capa con el id="divContenido". Lo ideal es meter esta instrucción dentro de una función que reciba como parámetros el div en el que se va a cargar la página y la página que se quiere cargar, algo que quedaría así.

function cargarSinParametros(div,pagina){
$("#"+div).load(pagina);
}

esa función se puede mandar llamar por ejemplo desde un evento onClick, de la siguiente manera:

onclick="cargarSinParametros('divContenido','articulos.php');"

También se pueden enviar parámetros, en este caso voy a seguir la documentación de jQuery con el mismo ejemplo enviando un arreglo:

$("#divContenedor").load("articulos.php", { 'articulos[]': ["camisetaTMCG022", "camisetaTGCG150"] } );

Funciona de la misma manera que en el ejemplo anterior, y también se puede crear una función que reciba como parámetros la capa donde se cargará la página, la página que se desea cargar y los parámetros que se desean enviar.

Para terminar la entrada al blog del día de hoy, a continuación les moestraré el ejemplo para cargar una página dentro de un div (capa) utilizando jQuery por medio de la función .load pero pasandole un parámetro por POST y utilizando la función de retorno, la cual se ejecutará después de obtener la respuesta del servidor:

$("#divContenedor").load("articulos.php", {numArticulos: 10}, function(){
alert("Los ultimos 10 articulos se han cargado");
});

Si tienen alguna duda no duden en consultar la documentación de jQuery para obtener otros ejemplos, o bien también pueden dejar su comentario aqui mismo y trataré de responderles a la brevedad posible.

Fuente: http://api.jquery.com/load/

Un bonito fondo de pantalla de jQuery

Para aprenderme los métodos de jQuery estuve buscando la manera de hacerlo más sencillo, aquí les dejo este fondo de pantalla con los métodos más usados de jQuery!

1 - Qué es AJAX?

AJAX son las siglas de Asynchronous JavaScript And XML. No es un lenguaje de programación sino un conjunto de tecnologías (HTML-JavaScript-CSS-DHTML-PHP/ASP.NET/JSP-XML) que nos permiten hacer páginas de internet más interactivas.

La característica fundamental de AJAX es permitir actualizar parte de una página con información que se encuentra en el servidor sin tener que refrescar completamente la página. De modo similar podemos enviar información al servidor.

La complejidad se encuentra en que debemos domininar varias tecnologías:

* HTML o XHTML
* CSS
* JavaScript
* DHTML Básicamente debemos dominar todos los objetos que proporciona el DOM.
* XML Para el envío y recepción de los datos entre el cliente y el servidor.
* PHP o algún otro lenguaje que se ejecute en el servidor (ASP.Net/JSP)

Via Ajaxya