Jquery - Selección de Elementos

El concepto más básico de jQuery es el de “seleccionar algunos elementos y realizar acciones con ellos”. La biblioteca soporta gran parte de los selectores CSS3 y varios más no estandarizados. En http://api.jquery.com/category/selectors/ se puede encontrar una completa referencia sobre los selectores de la biblioteca.

A continuación se muestran algunas técnicas comunes para la selección de elementos:

Selección de elementos en base a su ID

$('#myId'); // notar que los IDs deben ser únicos por página

Selección de elementos en base al nombre de clase

$('div.myClass'); // si se especifica el tipo de elemento, se mejora el rendimiento de la selección

Selección de elementos por su atributo

$('input[name=first_name]'); // tenga cuidado, que puede ser muy lento

Selección de elementos en forma de selector CSS

$('#contents ul.people li');

Pseudo-selectores

$('a.external:first');  // selecciona el primer elemento <a>
      // con la clase 'external'
$('tr:odd');            // selecciona todos los elementos <tr>
      // impares de una tabla
$('#myForm :input');    // selecciona todos los elementos del tipo input
      // dentro del formulario #myForm
$('div:visible');       // selecciona todos los divs visibles
$('div:gt(2)');         // selecciona todos los divs excepto los tres primeros
$('div:animated');      // selecciona todos los divs actualmente animados