Ffffffffffffff

Conceptos Básicos de jQuery

$(document).ready()
No es posible interactuar de forma segura con el contenido de una página hasta que el documento no se encuentre preparado para su manipulación. jQuery permite detectar dicho estado a través de la declaración $(document).ready() de forma tal que el bloque se ejecutará sólo una vez que la página esté disponible.
El bloque $(document).ready()$(document).ready(function() {
console.log('el documento está preparado');
});
Existe una forma abreviada para $(document).ready() la cual podrá encontrar algunas veces; sin embargo, es recomendable no utilizarla en caso que este escribiendo código para gente que no conoce jQuery.
Forma abreviada para $(document).ready()
$(function() { console.log('el documento está preparado');
});
Además esposible pasarle a $(document).ready() una función nombrada en lugar de una anónima: Pasar una función nombrada en lugar de una función anónima
function readyFn() {
// código a ejecutar cuando el documento este listo
}
$(document).ready(readyFn);

3.2.1. Comprobar Selecciones

Una vez realizada la selección de los elementos, querrá conocer si dicha selección entregó algún resultado. Paraello, pueda que escriba algo así:
if ($('div.foo')) { ... }
Sin embargo esta forma no funcionará. Cuando se realiza una selección utilizando $(), siempre es devuelto un objeto, y si se lo evalúa, éste siempre devolverá true. Incluso si la selección no contiene ningún elemento, el código dentro del bloque if se ejecutará.
En lugar de utilizar el código mostrado, lo que se debe hacer es preguntarpor la cantidad de elementos que posee la selección que se ejecutó. Esto es posible realizarlo utilizando la propiedad JavaScript length. Si la respuesta es 0, la condición evaluará falso, caso contrario (más de 0 elementos), la condición será verdadera.

Evaluar si una selección posee elementos

if ($('div.foo').length) { ... }

3.2.2. Guardar Selecciones

Cada vez que se hace unaselección, una gran cantidad de código es ejecutado. jQuery no guarda el resultado por si solo, por lo tanto, si va a realizar una selección que luego se hará de nuevo, deberá salvar la selección en una variable.
Guardar selecciones en una variable
var $divs = $('div');

3.2.3. Refinamiento y Filtrado de Selecciones

A veces, puede obtener una selección que contiene más de lo que necesita; en estecaso, es necesario refinar dicha selección. jQuery ofrece varios métodos para poder obtener exactamente lo que desea.

Refinamiento de selecciones

$('div.foo').has('p');
$('h1').not('.bar');
$('ul li').filter('.current');

$('ul li').first();
$('ul li').eq(5);

3.2.4. Selección de Elementos de un Formulario

jQuery ofrece varios pseudo-selectores que ayudan a encontrar elementos dentro delos formularios, éstos son especialmente útiles ya que dependiendo de los estados de cada elemento o su tipo, puede ser difícil distinguirlos utilizando selectores CSS estándar.

:button Selecciona elementos <button> y con el atributo type='button'
:checkbox Selecciona elementos <input> con el atributo type='checkbox'
:checked Selecciona elementos <input> del tipo checkboxseleccionados
:disabled Selecciona elementos del formulario que están deshabitados
:enabled Selecciona elementos del formulario que están habilitados
:file Selecciona elementos <input> con el atributo type='file'
:image Selecciona elementos <input> con el atributo type='image'
:input Selecciona elementos <input>, <textarea> y <select>
:password Seleccionaelementos <input> con el atributo type='password'
:radio Selecciona elementos <input> con el atributo type='radio'
:reset Selecciona elementos <input> con el atributo type='reset'
:selected Selecciona elementos <options> que están seleccionados
:submit Selecciona elementos <input> con el atributo type='submit'
:text Selecciona elementos <input> con el atributo...