Contenido principal
Programación de computadoras
Curso: Programación de computadoras > Unidad 7
Lección 2: Acceso al DOM con jQuery- Encontrar elementos con jQuery
- Desafío: unicornifica una página con jQuery
- Depurar páginas web con la consola del navegador
- Obtener información sobre elementos con jQuery
- Desafío: descubrimientos famosos
- Revisión: acceso al DOM con jQuery
- Proyecto: detective del DOM
- Descanso de historia: ¿cómo John construyó jQuery?
© 2023 Khan AcademyTérminos de usoPolítica de privacidadAviso de cookies
Proyecto: detective del DOM
El sitio web de Khan Academy incluye jQuery, así que puedes abrir tu consola de JavaScript ahora mismo y ejecutar con éxito esta línea de código para mostrarte el texto interior de todos los elementos
<h1>
en esta página:$("h1").text();
¿Quieres saber cuántos elementos
<h1>
hay? Ejecuta esta línea de código:$("h1").length;
Ahora, intenta usar selectores de CSS para encontrar más elementos de esta página de Khan Academy, como:
- Todos los vínculos.
- Este artículo.
- Cada imagen.
- La barra lateral de navegación.
- Tu nombre en la esquina superior derecha.
- El texto que dice 'Inicio'.
- ¡...continúa!
Eres bienvenido a compartir tus selectores en la discusión debajo, pero ten en mente que nuestro HTML cambia constantemente, así que los selectores que alguna vez funcionaron pueden dejar de funcionar. Además, suele haber múltiples selectores de CSS que pueden encontrar el mismo elemento, así que hay muchas respuestas correctas.
¡Ahora ponte tu sombrero de detective y empieza con tus actividades detectivescas en nuestro DOM!
¿Quieres unirte a la conversación?
- Hola, solo hay 328 divs en esta página: '$("div").length', 148 enlaces: '$("a").length', 3 imágenes: '$("img").length'. La página contiene mucho código ya que a la consola le toma tiempo obtener el resultado de estos comandos.(10 votos)
- $("img").length;-->1005
$("a").length;-->218
jQuery("div").length;-->2618
jQuery("p").length--->18
jQuery("label").length-->6
jQuery("li").length-->123
jQuery("ul").length-->29
jQuery("input").length--->45
jQuery("span").length--->1222
no le pude atinar a nada con id :v(5 votos) - 175 enlaces, 262 imagenes y 966 <div>. Soy la polla con cebolla!!(2 votos)
- Hola, hay 175 enlaces, 262 imagenes y 966 <div>. Saludos(1 voto)
- Encontré:
$("img").length; = 1017
$("a").length; = 156
$("a").length; = 218
$("p").length; = 11
$("h2").length; = 5
$("body").length; = 1
$("span").length; = 1299
$("br").length; = 28
$("ol").length; = 0
$("li").length; = 112(1 voto) - $("a").length;
203
$("article").length;
0
$("div").length;
445
$("img").length;
9(1 voto) - ahora hay solo 112 links a la fecha de hoy 21/07/2020(1 voto)
- $( "img" ).length : 19
$( "a" ).length : 100
$( "div" ).length : 775
$( "p" ).length : 6
$( "label" ).length : 18
$( "li" ).length : 66
$( "ul" ).length : 14
$( "link" ).length : 13
$( "span" ).length : 258
18/12/2020(1 voto) - Buen dia, hay 172 vinculos, 5 imagenes y 371 div(1 voto)
- porque no explican mejor(0 votos)