1 00:00:00,220 --> 00:00:02,490 De acuerdo, entonces hay tres métodos más de los que quiero hablar. 2 00:00:02,520 --> 00:00:04,160 Y todos son muy similares. 3 00:00:04,170 --> 00:00:06,480 Tienen que ver con las clases. 4 00:00:06,600 --> 00:00:14,160 Por lo tanto, si piensa en la propiedad de la lista de clase y en el DOT, agregue los métodos Eliminar y Alternar que van junto 5 00:00:14,160 --> 00:00:15,510 con la lista de clase. 6 00:00:15,510 --> 00:00:19,650 Estos son los J. A. GRAMO. análogos Así que esta será una pregunta rápida. 7 00:00:19,720 --> 00:00:21,600 Solo voy a demostrar eso realmente rápido. 8 00:00:21,720 --> 00:00:28,500 hacer es definir la etiqueta de estilo y voy a hacerlo en línea por segunda vez y voy a agregar unas pocas clases . 9 00:00:28,500 --> 00:00:32,500 Así que voy a ir a mi HMO y lo primero que voy a 10 00:00:32,700 --> 00:00:34,350 Entonces, el primero se agregará 11 00:00:34,380 --> 00:00:39,520 Bueno, solo llámalo Dot correcto y hará que algo se ponga verde. 12 00:00:39,540 --> 00:00:47,700 Así que solo haremos el color verde y agregaremos otro punto incorrecto y eso hará que el color 13 00:00:47,730 --> 00:00:51,170 rojo y el fondo se vuelvan rosados. 14 00:00:51,690 --> 00:00:59,820 Y finalmente, haremos un punto hecho que será como una lista de tareas pendientes y haremos que el 15 00:01:00,360 --> 00:01:05,160 color sea gris y la decoración de texto esté alineada. 16 00:01:05,700 --> 00:01:11,670 OK, entonces ahora tenemos tres clases y luego vamos a usar la consulta J para agregar y eliminar esas clases. 17 00:01:12,900 --> 00:01:14,300 Así que echaré un vistazo a los documentos. 18 00:01:14,320 --> 00:01:15,300 Solo uno de ellos. 19 00:01:15,300 --> 00:01:18,640 Echemos un vistazo a agregar clase. 20 00:01:20,070 --> 00:01:26,850 Puede ver que agrega la clase o clases especificadas a cada elemento en el conjunto de elementos coincidentes. 21 00:01:27,360 --> 00:01:31,470 Entonces esto agregará dos clases a todos los párrafos. 22 00:01:31,680 --> 00:01:38,040 Mi clase y tu clase a todos los párrafos, lo que lo hace realmente útil si queremos asignar una clase a un 23 00:01:38,040 --> 00:01:39,770 grupo de elementos a la vez. 24 00:01:40,110 --> 00:01:41,640 Así que volvamos aquí. 25 00:01:41,730 --> 00:01:47,360 Comencemos por hacer que este H-1 tenga la clase correcta que acaba de convertirse en verde. 26 00:01:47,490 --> 00:01:52,020 Así que seleccionamos H-1 y nos aseguramos de tenerlo. 27 00:01:52,110 --> 00:01:56,030 ¿Agrega clase? 28 00:01:56,040 --> 00:01:57,030 Correcto. 29 00:01:57,180 --> 00:01:58,980 Así. 30 00:01:59,430 --> 00:02:00,520 Y se vuelve verde. 31 00:02:00,540 --> 00:02:05,400 Y si lo inspeccionamos, puede ver que tiene una clase igual a la correcta. 32 00:02:05,940 --> 00:02:10,770 Y luego podemos eliminar clases para hacer lo mismo pero a la inversa. 33 00:02:10,770 --> 00:02:12,960 Entonces H-1 eliminar. 34 00:02:12,960 --> 00:02:13,790 Clase. 35 00:02:14,040 --> 00:02:15,180 Correcto. 36 00:02:15,330 --> 00:02:21,620 Eliminaremos la clase correcta de ese elemento y ahora ya no tiene esa clase. 37 00:02:22,290 --> 00:02:24,480 Entonces también podemos hacer eso en una colección. 38 00:02:24,480 --> 00:02:28,290 Entonces, seleccionaremos a todos los aliados. 39 00:02:28,770 --> 00:02:32,330 Obtenemos tres de ellos y luego agregaremos la clase. 40 00:02:32,640 --> 00:02:35,960 Mal así como así. 41 00:02:36,210 --> 00:02:41,390 Y todos ellos ahora tienen esa clase donde tienen un fondo rosado y el color del texto es rojo. 42 00:02:41,400 --> 00:02:43,300 Puedes ver que los agregó a tres. 43 00:02:43,650 --> 00:02:49,080 Así que, una vez más, sé que tengo un récord roto aquí, pero si lo hiciéramos 44 00:02:49,080 --> 00:02:54,810 sin Querrey tendríamos que seleccionar los tres manualmente, con un selector de consultas, todo posiblemente, y luego 45 00:02:54,810 --> 00:02:59,840 repetiríamos con el ciclo for y para cada uno haríamos clase class add add wrong. 46 00:03:00,240 --> 00:03:01,690 Entonces no tenemos que hacer nada de eso. 47 00:03:01,860 --> 00:03:05,610 Esto tiene un ciclo implícito que se ocupa de todo para nosotros. 48 00:03:06,180 --> 00:03:13,990 Entonces, eliminemos la clase incorrecta de todos ellos y agreguemos la clase. 49 00:03:14,060 --> 00:03:14,690 Correcto. 50 00:03:14,700 --> 00:03:16,540 Todos ellos así como así. 51 00:03:16,560 --> 00:03:18,450 Y ahora todos se ponen verdes. 52 00:03:18,450 --> 00:03:19,800 Perfecto. 53 00:03:19,830 --> 00:03:24,530 Entonces, el último que mostraré es alternar clase, que funciona igual. 54 00:03:24,540 --> 00:03:31,410 La lista de clase alternar hace que tome un argumento como nombre de clase y aplicará esa clase o 55 00:03:31,410 --> 00:03:34,320 lo agregará al Elman o conjunto de elementos. 56 00:03:34,320 --> 00:03:39,150 Si todavía no lo tienen y si tienen esa clase, lo eliminará. 57 00:03:39,150 --> 00:03:40,870 Entonces intentemos eso ahora. 58 00:03:41,520 --> 00:03:47,990 Vamos a hacer un alternar para que todos los aliados alternen. 59 00:03:48,120 --> 00:03:49,550 Clase. 60 00:03:49,620 --> 00:03:50,300 Correcto. 61 00:03:50,340 --> 00:03:52,200 Y ellos ya tienen esa clase. 62 00:03:52,320 --> 00:03:53,470 Entonces eso lo eliminará. 63 00:03:53,520 --> 00:03:57,870 Y si lo ejecutamos de nuevo, lo agregará y eliminará, lo agregará y eliminará. 64 00:03:57,870 --> 00:04:02,820 Intentemos algo un poco diferente y solo lo hagamos por el primer aliado. 65 00:04:02,820 --> 00:04:07,840 Entonces Elijah primero, que es como el último que te mostré. 66 00:04:08,160 --> 00:04:13,630 Y alternar la clase hecha. 67 00:04:14,190 --> 00:04:19,110 Entonces, solo el primero sale bien y tiene ese efecto de tachado. 68 00:04:19,110 --> 00:04:30,090 Ahora bien, si selecciono todos los aliados que activaron la clase y pulso Intro, puede ver que alterna cada 69 00:04:30,120 --> 00:04:31,520 uno individualmente. 70 00:04:31,710 --> 00:04:33,290 Así que este tenía la clase hecha. 71 00:04:33,300 --> 00:04:36,310 Entonces fue eliminado y estos dos no tenían la clase. 72 00:04:36,390 --> 00:04:39,060 Por lo tanto, agregó automáticamente declasse. 73 00:04:39,540 --> 00:04:40,920 Eso es todo lo que quería demostrar. 74 00:04:40,920 --> 00:04:46,920 Tenemos que eliminaría la clase y alternaría la clase y trabajaron de manera muy similar a como lo hicieron con la 75 00:04:46,920 --> 00:04:48,310 lista de clases con vanilla. 76 00:04:48,360 --> 00:04:49,040 Sí. 77 00:04:49,170 --> 00:04:54,570 La gran diferencia, como todo en la consulta J, es que podemos actuar sobre una colección de elementos 78 00:04:54,570 --> 00:04:56,310 sin tener que escribir el ciclo. 79 00:04:56,760 --> 00:04:57,380 DE ACUERDO.