JQuery selectors
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).
$("#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'.