iberck
11/16/2015 - 7:20 PM

JQuery selectors

JQuery selectors

Selectores más importantes

Los selectores de jquery heredan de los selectores css, y agregan funcionalidad.

$("#id"): selecciona el elemento con el id indicado.

$("elemento"): selecciona el elemento indicado.

$(".clase"): selecciona los elementos con la clase indicada.

$("selector1 selector2"): El espacio se utiliza para indicar el elemento de la derecha contenido en el elemento de la izquierda sin importar la profundidad.

$("selector1,selector2"): Selecciona los elementos de selector1 mas los elementos de selector2 (se utiliza para unir selectores).

Ejemplos

$("#lastname"): Selecciona el elemento con id "lastname".

$(".intro"): Todos los elementos con la clase "intro".

$("p"): Selecciona todos los elementos <p>.

$("div p"): Selecciona todos los elementos <p> que se encuentren dentro de un elemento <div> (en cualquier nivel de profundidad).

$(".c1 .c2"): Selecciona los elementos con clase c2 que se encuentren dentro un elemento de clase c1 (en cualquier nivel de profundidad).

$("div>p"): Selecciona todos los elementos <p> que sean hijos directos (hijo en el primer nivel de profundidad) de un <div>.

$("p.intro"): Selecciona todos los elementos <p> con la clase "intro".

$("p.intro.case"): Selecciona todos los elementos <p> con la clase "intro" y la clase "case".

$("p .intro"): Selecciona los elementos con clase "intro" dentro de un elemento <p> (no importa el nivel de profundidad).

$("input[name='intro']"): Selecciona todos los elementos <input> que tengan el atributo name='intro'.

JQuery selectors refcard

http://refcardz.dzone.com/refcardz/jquery-selectors