Vamos a ver otros dos electores que vimos más o menos en los primeros videos no sé más elector y xls
elector ol son muy populares estos porque se parece mucho a la forma de ser un selector en JavaScript.
Primero vamos a poner aquí Cetelem elements Magne como nuestro comentario aquí
y vamos a crear nuestro código recuerdo todo esto que estamos escribiendo está dentro del Document bendicen
el y vamos a escribir un vamos selector para equipar Lovo y ponemos documento punto Cuadri selector
y puedes ver que es más sencillo que los otros.
Nada más escuela y selector y le pasas ya sea un Heydi o una clase tienes que ponerle la sintaxis como
si fuera de CSS por ejemplo el logo sería numeral logo y Consol ontología logo y guardo cambio sin recargo
y vemos que aquí aparece nuestro logo Heydi tiene una IPIC de logo y más en este día tiene una evidente
loko y una clase así que también podría ser así clase logo vemos que lo hace correctamente la ventaja
de este selector.
Como dije es que esto es más al estilo de CSS vamos a ser otro ejemplo y por ejemplo tenemos este título
es un H2 y está en la etiqueta aceita así que podríamos ponerle Baur encabezado igual a document punto
Quay si el lector le ponemos aceite H2 puedes ver que es la misma sintaxis de CSS y le podemos por aquí
con su blog encabezado y guardo cambio si recargo y vemos que aparece otros post.
De esta forma y si pongo mis manos aquí vemos cómo se resalta esa parte igual en la parte del logo
si por ejemplo podemos ver que aquí tenemos este H2 y aquí tenemos un H2 también y aquí en la parte
inferior también tenemos un HD2 podremos correr un Squares selector que nada más diga H2
pero vemos que nada más nos regresa a uno y a pesar de que tenemos muchos.
Si quieres retornar todos los valores relacionados podrás utilizar el selector.
Hola y recargo y vemos que nos regresa todos nuestros H2 de esta forma y aqui hay algo en lo que por
ejemplo si le doy click en el triangulo ocupando el primero tengo muchas propiedades aquí a mi disposición
y vamos a buscar una que se llama intertextuales ver aquí tenemos intertexto así que le puedo poner
encabezado punto y Nerf texto y recargar
y aquí sería en la posición 0 por ejemplo vemos que se viajar a Londres así que utilizando estos métodos
puedes acceder a más contenido.
Voy a eliminar esto nada más para que quede claro de dónde viene puedes dar click aquí en el triángulo
cualquiera de los cinco que regresa porque tenemos 5 puedes dar click aquí y tienes a tu disposición
todos estas propiedades.
Accedes a ellas nada más dándo agregando un punto a punto y el nombre de las propiedades que están igual
lo vamos a ir viendo poco a poco conforme avance el curso una de las ventajas del query selector holes
que le puedes pasar a un segundo parámetro Supongamos que quiero este Fuhrer y quiero este párrafo aquí
puedo poner una coma.
Fuhrer p y recargar y vemos que nos regresa a todos los H2 y luego aquí tenemos un párrafo y aquí tenemos
otro párrafo.
Con este cuatrista el lector Hol puedes ver como digo la sintaxis es muy parecida a la CSS.
Es por eso que ha ganado tanto tantos créditos esta forma de escribir JavaScript hasta poner un último
ejemplo enlaces igual a document punto Cuadri selector aquí vamos a seleccionar los enlaces y le pongo
Consol log Lashes y recargó y vemos que no nos regresa al primero recuerda si quieres regresar todos
selector HOL y te va a regresar todos los enlaces sin embargo hay una página de ayuda.
Puedes ver que el lector tiene un soporte regular a bueno en manos muy bueno en las últimas versiones.
Sin embargo en Internet Explorer 8 y esas versiones en soporte no es del todo bueno.
Lo bueno es que esas versiones ya casi nadie las usa a diferencia de que en Bayardi que como puedes
ver Internet Explorer 6 incluso lo soporta muy bien.
Firefox 2 y Crom 1 así que cualquiera de las dos que decidas utilizar quedice lector o Lemme en Bayardi
clase baqueta en Tacna y otra cualquiera es correcta y a lo largo del curso estaremos utilizando las
dos.
Yo estoy muy acostumbrado a utilizar ambas así que por ese lado no hay ningún problema continuaremos
practicando nuestros electores en el curso
y en el siguiente vídeo vamos a hacer más ejemplos con este tipo de selectores.