1
00:00:00,460 --> 00:00:00,950
D'accord.

2
00:00:00,960 --> 00:00:02,990
Il est donc temps pour un exercice rapide.

3
00:00:03,000 --> 00:00:06,300
Celui-ci va couvrir les différents sélecteurs de DOM que nous venons de discuter.

4
00:00:06,600 --> 00:00:14,340
Donc, la façon dont cela fonctionne en vous donnant quelques H M L shemale simple et H-1 trois quatre paragraphes.

5
00:00:14,340 --> 00:00:16,920
Certains ont des idées certains ont des classes certains n'ont rien.

6
00:00:17,040 --> 00:00:22,350
Et ce que je veux que vous fassiez est de trouver quatre façons différentes de sélectionner le premier paragraphe.

7
00:00:22,440 --> 00:00:36,340
Donc, au moins, il ya plus que cela en utilisant les différentes méthodes dont nous avons parlé Document obtenir élément par ID par nom de classe par nom de la balise Corey sélecteur de requêtes comme sont tous mixer et correspondre à ceux et arriver à quatre façons différentes de sélectionner cette.

8
00:00:36,660 --> 00:00:38,940
Si vous voulez, vous pouvez télécharger le code qui y est joint.

9
00:00:39,060 --> 00:00:46,440
Sinon allez-y et tapez simplement ceci vous-même venir avec des exemples de vidéo de puzzle et je serai de retour en quelques secondes.

10
00:00:47,670 --> 00:00:50,300
OK alors parlons de la façon dont nous pourrions résoudre ce problème.

11
00:00:50,310 --> 00:00:52,760
J'ai le dossier H Tim L ici.

12
00:00:53,130 --> 00:00:57,990
Nous avons un H1 et voici le paragraphe que nous avons après le premier paragraphe.

13
00:00:57,990 --> 00:01:01,230
Il a ID égal à la première classe est spéciale.

14
00:01:01,230 --> 00:01:03,650
Et puis il ya d'autres paragraphes dont nous ne nous soucions pas vraiment.

15
00:01:03,990 --> 00:01:06,760
Donc, pour le sélectionner, nous avons quelques options différentes.

16
00:01:06,930 --> 00:01:09,500
Commençons par obtenir élément par ID.

17
00:01:09,500 --> 00:01:16,030
Donc, juste pour documenter type get élément par ID d'abord.

18
00:01:16,980 --> 00:01:23,730
Nous pourrions aussi sélectionner basée hors de l'identifiant d'abord en utilisant le sélecteur de requêtes pour documenter ce sélecteur de requête.

19
00:01:23,730 --> 00:01:36,020
Et nous ne pouvons pas simplement dire d'abord que nous avons également besoin de voir une syntaxe de sélecteur qui signifie ajouter que Octa Thorp qui indique Querrey sélecteur que c'est un id appelé en premier et nous obtenons la même chose.

20
00:01:36,420 --> 00:01:40,600
Donc, nous pouvons également sélectionner basée hors de la classe qui est spécial.

21
00:01:40,800 --> 00:01:52,700
Donc, nous pourrions faire document qui obtiennent des éléments par nom de classe et le nom de classe est spécial et qui va nous donner deux éléments qui ont ce nom de classe.

22
00:01:52,710 --> 00:02:00,310
Donc, pour le réduire à juste le premier, nous ajouterions zéro après les crochets zéro.

23
00:02:00,390 --> 00:02:02,710
Et cela nous donne le premier paragraphe.

24
00:02:02,880 --> 00:02:10,500
Nous pourrions également utiliser le sélecteur de requêtes et nous utilisons la syntaxe de point car c'est une classe.

25
00:02:10,500 --> 00:02:16,850
Cette fois, nous n'avons pas besoin de la croix carrée zéro parce que le sélecteur de requête ordinaire vieux nous donne seulement le premier résultat.

26
00:02:17,070 --> 00:02:23,490
Si nous avons utilisé le sélecteur de requêtes tout ce que nous pourrions ajouter zéro après et il fonctionnerait de la même manière.

27
00:02:23,490 --> 00:02:25,920
Nous obtenons le même premier paragraphe.

28
00:02:26,010 --> 00:02:40,180
L'autre option que nous avons est de sélectionner basée sur le nom de la balise qui est le paragraphe ou P pour que nous puissions faire document Obtenir des éléments par nom de balise passe en P et qui nous donne tous les paragraphes.

29
00:02:40,500 --> 00:02:44,290
Donc, nous ferions entre parenthèses le zéro.

30
00:02:44,340 --> 00:02:45,980
Nous pourrions également utiliser le sélecteur de requêtes.

31
00:02:46,020 --> 00:02:55,410
Donc document que le sélecteur de requête et nous n'avons pas besoin de changer ce qui est à l'intérieur de l'impression CS parce que l'Inde dit que c'est la façon dont vous sélectionnez une balise de paragraphe.

32
00:02:55,620 --> 00:02:57,780
Le sélecteur de requêtes nous donnera donc le premier.

33
00:02:57,850 --> 00:03:07,320
Donc vous pouvez voir ici ou nous pourrions aussi faire des requêtes comme sont tous et ajouter en zéro.

34
00:03:07,530 --> 00:03:12,140
Nous pouvons également rendre la vie plus difficile sur nous-mêmes et utiliser certains sélecteurs CSSA plus créatifs.

35
00:03:12,240 --> 00:03:29,840
Par exemple, je sais que ce paragraphe, le premier est le premier paragraphe directement après un H-1, ils sont adjacents, donc je pourrais écrire un sélecteur CSSA qui dit Sélectionnez les paragraphes après un H1 ou à côté de chacun avec le signe plus.

36
00:03:29,970 --> 00:03:31,320
Donc, ça ressemblerait à ça.

37
00:03:31,320 --> 00:03:32,880
Si je voulais vraiment le faire.

38
00:03:33,120 --> 00:03:39,150
Cory et qui serait H-1 plus le paragraphe.

39
00:03:39,720 --> 00:03:42,920
Et cela me donne aussi le premier paragraphe.

40
00:03:42,960 --> 00:03:45,630
Il ya beaucoup d'autres façons que nous pourrions le faire ainsi.

41
00:03:45,630 --> 00:03:48,090
Nous pourrions faire d'abord du type paragraphe.

42
00:03:48,210 --> 00:03:54,690
Nous pouvons être assez créatifs, mais il n'y a aucune raison de le faire si nous pouvons simplement l'obtenir avec un ID ou un nom de classe ou un nom de tag.

43
00:03:54,990 --> 00:03:55,220
D'ACCORD.

44
00:03:55,230 --> 00:04:03,760
J'espère que vous pourrez en trouver au moins quatre, comme vous pouvez le constater, il y a beaucoup d'options, comme dans C S S, nous pouvons cibler des choses de différentes façons.

45
00:04:03,780 --> 00:04:08,630
Il n'ya pas vraiment une bonne réponse dans ce cas, car il a un ID.

46
00:04:08,730 --> 00:04:14,520
Je voudrais probablement utiliser le sélecteur de requêtes avec l'ID qui est ce que nous avons fait ici.