Serkronyx
4/5/2016 - 5:19 PM

Selectores

Selectores

Seleccionas todos los elementos <input> con un tipo de atributo igual al nombre del selector (excluyendo los dos puntos). por ejemplo

:text 
//selecciona `<input type="text">`

$(':text')
$(':checkbox')
$(':radio')
$(':image')
$(':submit')
$(':reset')
$(':password')
$(':file')
--------------------------------------------
$(':input') Selecciona los elementos input, textarea, select y button

$(':button') Selecciona los elementos button e input con atributos 'type' igual a 'button'

$(':enabled') Selecciona los elementos del formulario activados 

$(':disabled') Selecciona los elementos del formulario desactviados

$(':checked') Selecciona los radio buttons y checkboxes que estan pulsados 

$(':selected') Elementos de una lista de opciones que esten seleccionados 

Selectores Posicionales

$('p:first') Selecciona el primer elemento <p> de la pagina

$('p:last') Selecciona el ultimo <p> de la pagina

$('img[src$=.pgn]:first') Selecciona el primer <img> de la pagina que tiene un atributo src acabado en .png

$('li:first-child') Selecciona todos los <li> que son primeros hijos

$('li:last-child') Seleccionar todos los <li> que son ultimos hijos

$('li:only-child')Seleccionar todos los <li> que sean hijos unicos

$('li:nth-child(3)') Seleccionar todos los <li> que sean el tercer elemento de su lista

$('tr:nth-child(odd)') Selecciona todos los <tr> que sean impares

$('tr:nth-child(even)') Selecciona todos los <tr> que sean pares

$('div:nth-child(3n)') Selecciona cada tercer elemento <div>

$('div:nth-child(3n+1)') Selecciona el elemento tras cada tercer <div>

$('p:odd') Selecciona los <p> impares

$('p:even') Selecciona los <p> pares

$('p:eq(1)') Selecciona el segundo <p> Comienza a contar desde cero

$('p:gt(1)') Selecciona todos los <p> excepto los dos primeros

$('p:lt') Selecciona los dos primeros <p> Comienza a contar desde cero

Selectores CSS

$('p a') Selecciona todos los <a> decendientes de <p>

$('p,a') Selecciona todos los <p> y todos los <a> del documento

$('li.nombreClase') Selecciona todos los <li> con clase nombreClase

$('li>p') Selecciona a todos los <p> hijos directos de <li>

$('h1+p') Selecciona todos los <p> inmediatamente precedidos por un <h1> hermano

$('div~p') Selecciona todos los <div> precedidospor un elemento <p>

$('p:has(b)') Seleciona a todos los <p> que contienen elemento <b>

$('img[alt]') Selecciona todos los elementos <img> con atributo alt

$('button[id=boton]')* Seleccionar todos los botones con atributo id que contengan la palabra bóton

$('a[herf$=.pdf]') Seleciona todos los elementos de <a> con atributo href acabado en .pdf

$('a[title^=lr]') Selecciona a todos los <a> cuyo atributo title comienza por lr