15 de abril de 2010

jQuery Resumen Selectores (jQuery Selectors)

En este post pretendo resumir (a modo chuleta jQuery) los principales selectores de jQuery.

Los selectores jQuery los usamos para encontrar elementos en una página web; y la sintaxis sería la siguiente:

$('Selector')

 

Selectores jQuery

Selector Elementos que Selecciona...
* Todos los elementos.
#id El elemento con el ID dado.
element Todos los elementos del tipo dado.
.class Todos los elementos con la clase dada.
a, b Elementos que coincidan con la a o con b.
a b Elementos b que son descendientes de a.
a > b Elementos b que son hijos de a.
a + b Elementos b a continuación de a.
a ~ b Elementos que son hermanos de a.
:first El primer elemento en el conjunto resultado.
:last El último elemento en el conjunto resultado
:not(a) Todos los elementos en el conjunto resultado que coinciden por a.
:even Elementos pares en el conjunto resultado (en base 0).
:odd Elementos impares en el conjunto resultado (en base 0).
:eq (index) Un elemento numerado en el conjunto resultado (en base 0).
:gt (index) Todos los elementos en el conjunto resultado (mayor que) después del índice dado (en base 0).
:lt (index) Todos los elementos en el conjunto resultado antes (menor que) el índice dado (en base 0).
:header Elementos de encabezado (por ejemplo. <h1>, <h2>).modo chuleta
:animated Elementos con una animación en progreso.
: contains (text) Elementos que contienen el texto facilitado.
:empty Elementos sin nodos hijos.
:has (a) Elementos que contienen un elemento descendientes que coincide con a.
:parent Elementos que tienen nodos hijos.
:hidden Elementos que están ocultos por medio de CSS o porque son <input type="hidden" />.
:visible Lo inverso de: hidden.
[attr] Elementos que tienen el atributo attr.
[attr=value] Elementos cuyo atributo attr es value.
[attr!=value] Elementos cuyo atributo attr no es value.
[attr^=value] Elementos cuyo atributo attr empieza con value.
[attr$=value] Elementos cuyo atributo attr termina con value.
[attr*=value] Elementos cuyo atributo attr contiene la subcadena value.
:nth-child (index) Elementos que son el hijo index de su elemento padre (base 1).
:nth-child (even) Elementos que son un hijo par de su elemento padre (base 1).
:nth-child (odd) Elementos que son un hijo impar de su elemento padre (base 1).
:nth-child (formula) Elementos que son el hijo n de su elemento padre (base 1). Las formulas son de la forma an+b para enteros a y b.
:first-child Elementos que son el primer hijo de su padre.
:last-child Elementos que son el último hijo de su padre.
:only-child Elementos que son el único hijo de su padre.
:input Todos los elementos <input>, <select>, <textarea> y <button>.
:text Elementos <input> con type="text".
:password Elementos <input> con type="password".
:radio Elementos <input> con type="radio".
:checkbox Elementos <input> con type="checkbox".
:submit Elementos <input> con type="submit".
:image Elementos <input> con type="image".
:reset Elementos <input> con type="reset".
:button Elementos <input> con type="button", y elementos <button>.
:file Elementos <input> con type="file".
:enable Elementos de formulario activados.
:disable Elementos de formulario desactivados.
:checked Casillas de verificación y botones de opción seleccionados.
:selected Elementos <option> seleccionados.

 

Nota: Estos son algunos de los principales selectores jQuery

Referencia: Learning jQuery 1.3, un excelente libro.

 

Artículos relacionados:

4 comentarios:

  1. Me gusta esta tabla jQuery, gracias por compartirla!

    ResponderEliminar
  2. Excelente !! muchas gracias

    ResponderEliminar
  3. Me gustaria saber si se puede un selector de la tres primeras lineas de un div. Gracias.

    ResponderEliminar
  4. esta tabla ya está anotada en mis favoritos... excelente.

    ResponderEliminar