Los selectores, al menos los más básicos, son parecidos, o iguales, a los que se utilizan en CSS para seleccionar los elementos
a los que se desean aplicar ciertos estilos. Como entiendo que todas las personas que intenten profundizar en el fiamework
jQuery deben haber conocido CSS anteriormente, no habrá ningún problema con ellos.
Selector de etiquetas:
Simplemente indicamos la etiqueta a la que deseamos referirnos, es decir, la etiqueta que queremos seleccionar.
Obtendremos con él todas las etiquetas de la página indicada en el selector.
ffhl") //selecciona todos los encabezados de nivel 1
Selector por identificador:
Sirven para seleccionar los elementos que tengan un identificador dado, que se asigna a las etiquetas a través del atributo id
del HTML. Para utilizar este selector se indica primero el carácter "#" y luego el identificador de cuyo elemento se desee
seleccionar.
f("#idelemento") //selecciona una etiqueta que tiene el atributo id="idelemento"
Selector por clase:
Podemos indicar el nombre de una clase (class de CSS) y seleccionar todos los elementos a los que se ha aplicado esta clase.
Para ello, como en CSS, comenzamos colocando el carácter "."y luego el nombre de la clase que deseamos seleccionar.
$(".iniciase") //selecciona todos los elementos que tienen el atributo class="iniciase"
Selector por varias clases:
Si lo deseamos, podemos indicar varias clases CSS, para obtener todos los elementos que tienen esas clases aplicadas: todas
al mismo tiempo. Esto se consigue comenzando por un ".", igual que los selectores de clases, y luego otro "." para separar
las distintas clases que queremos utilizar en el selector.
$(".clasel.clase2") //selecciona los elementos que tienen class="clasel clase2"
Selector asterisco "*":
Nos sirve para seleccionar todos los elementos de la página.
$("*") //selecciona todos los elementos que tiene la página
Concatenar varios selectores distintos:
Por último, podemos utilizar varios selectores, para obtener todas las etiquetas que cumplen uno de ellos. No hace falta que
cumplan todos los selectores a la vez, sino con que uno de ellos concuerde es suficiente.
Para ello colocamos todos los
selectores que deseamos, separados por una coma ",".
$("div,p") //selecciona todos los elementos división y párrafo
$(".clasel,.clase2") //selecciona los elementos que tienen la clase "clase 1" o "clase2"
$("#miid,.iniciase,ul) //selecciona el elemento con id="miid", los elementos con class="iniciase" y todas las listas UL
No hay comentarios:
Publicar un comentario