Curso básico de JQuery

SELECTORES JQUERY

El primer paso a la hora de trabajar con jQuery es seleccionar los elementos del árbol de documento sobre los que queremos trabajar. Para ello se utiliza la funciónjQuery, pasando como argumento a la función una cadena con un selector, la mayoría de los cuales utilizan una sintaxis similar a la de CSS 3 (ver Tutorial rápido de CSS). El engine que utiliza jQuery para seleccionar elementos se llama Sizzle, y puede descargarse y utilizarse de forma aislada.

Los distintos selectores que podemos utilizar son los siguientes:

Selectores básicos

Selector universal: selecciona todos los elementos de la página (CSS 2)

view plaincopy to clipboardprint?

1. jquery("*")  

Selector de tipo o etiqueta: selecciona todos los elementos con el tipo de etiqueta indicado (CSS 1)

view plaincopy to clipboardprint?

1. jQuery("div")  

Selector de clase: selecciona todos los elementos con la clase indicada (atributo class) (CSS 1)

view plaincopy to clipboardprint?

1. jQuery("div.entrada")  

Selector de identificador: selecciona el elemento con el identificador (atributo id) indicado (CSS 1)

view plaincopy to clipboardprint?

1. jQuery("div#cabecera")  

Grupos de selectores: se puede combinar el resultado de varios selectores distintos separándolos con comas (CSS 1)

view plaincopy to clipboardprint?

1. jquery("p,div,a")