1
00:00:00,460 --> 00:00:00,950
Okee.

2
00:00:00,960 --> 00:00:02,990
Dus het is tijd voor een snelle oefening.

3
00:00:03,000 --> 00:00:06,300
Deze gaat naar de verschillende DOM selectors dat we net besproken dekken.

4
00:00:06,600 --> 00:00:14,340
Dus de manier waarop die werkt u een aantal H M L eenvoudige shemale en H-1 drie vier alinea's.

5
00:00:14,340 --> 00:00:16,920
Sommigen hebben ideeën sommige hebben klassen sommige hebben niets.

6
00:00:17,040 --> 00:00:22,350
En wat ik wil dat je doet is de proppen te komen met vier verschillende manieren om de eerste paragraaf te selecteren.

7
00:00:22,440 --> 00:00:36,340
Dus in ieder geval, want er is meer dan dat het gebruik van de verschillende methoden die we gesproken over Document krijgen element door ID per klasse naam op tag naam Corey selector queries dergelijke zijn allemaal mix en match deze en komen met vier verschillende manieren om dit te selecteren.

8
00:00:36,660 --> 00:00:38,940
Als u wilt kunt u de code bevestigd om het te downloaden.

9
00:00:39,060 --> 00:00:46,440
Anders ga je gang en typ je gewoon dit op jezelf komen met voorbeelden puzzel video en ik kom terug in slechts een paar seconden.

10
00:00:47,670 --> 00:00:50,300
OK dus laten we praten over hoe we dit oplossen.

11
00:00:50,310 --> 00:00:52,760
Ik heb de H Tim L-bestand hier.

12
00:00:53,130 --> 00:00:57,990
We hebben een H1 gekregen en hier is de paragraaf dat we na de eerste paragraaf.

13
00:00:57,990 --> 00:01:01,230
Het heeft ID gelijk is aan de eerste klasse is bijzonder.

14
00:01:01,230 --> 00:01:03,650
En dan is er nog een aantal andere punten die we niet echt zorgen over.

15
00:01:03,990 --> 00:01:06,760
Dus om het te selecteren hebben we een paar verschillende opties.

16
00:01:06,930 --> 00:01:09,500
Laten we beginnen met get element door ID.

17
00:01:09,500 --> 00:01:16,030
Dus gewoon om documenttype get element door ID eerste.

18
00:01:16,980 --> 00:01:23,730
We kunnen ook selecteren op basis off van de ID eerste met behulp van query-selector om die vraag selector documenteren.

19
00:01:23,730 --> 00:01:36,020
En we kunnen niet zomaar zeggen dat we eerst moeten ook een selector syntax wat betekent toevoegend dat Octa Thorp, die vertelt Querrey selector dat dit een id belde eerst zien en we krijgen hetzelfde.

20
00:01:36,420 --> 00:01:40,600
Dus we kunnen ook selecteren op basis off van de klasse die is bijzonder.

21
00:01:40,800 --> 00:01:52,700
Dus we konden document dat elementen krijgen per klasse naam en de naam van de klasse is bijzonder en dat gaat ons twee elementen die die klasse naam te geven te doen.

22
00:01:52,710 --> 00:02:00,310
Dus om het te beperken tot slechts de eerste die we zouden toevoegen nul achteraf vierkante haakjes nul.

23
00:02:00,390 --> 00:02:02,710
En dat geeft ons de eerste paragraaf.

24
00:02:02,880 --> 00:02:10,500
We kunnen ook gebruik maken van vraag selector en we gebruiken de dot syntax, want het is een klasse.

25
00:02:10,500 --> 00:02:16,850
Deze keer hebben we niet het plein beugel nul nodig omdat de reguliere oude vraag selector alleen geeft ons het eerste resultaat.

26
00:02:17,070 --> 00:02:23,490
Als we vroeger vraag selector al konden we nul achteraf toe te voegen en het zou werken op dezelfde manier.

27
00:02:23,490 --> 00:02:25,920
We krijgen dezelfde eerste paragraaf.

28
00:02:26,010 --> 00:02:40,180
De andere optie die we hebben is om te selecteren op basis off van de naamplaatje die paragraaf of P, zodat we kunnen doen document Krijg elementen op tag naam pas in P en dat geeft ons alle alinea's.

29
00:02:40,500 --> 00:02:44,290
Dus we zouden beugel nul doen.

30
00:02:44,340 --> 00:02:45,980
We kunnen ook gebruik maken van vraag selector.

31
00:02:46,020 --> 00:02:55,410
Dus documenteren die vraag selector en we hoeven niet te veranderen wat er in de afdruk CS, omdat India zegt dat dit is hoe je een paragraaf tag te selecteren.

32
00:02:55,620 --> 00:02:57,780
Dus vraag selector ons de eerste te geven.

33
00:02:57,850 --> 00:03:07,320
Zo kunt u hier zien of we kunnen ook doen queries dergelijke zijn allemaal en voeg in nul.

34
00:03:07,530 --> 00:03:12,140
We kunnen ook het leven moeilijker voor onszelf en gebruik wat meer creatieve CSSA selectors.

35
00:03:12,240 --> 00:03:29,840
Zo weet ik dat deze paragraaf de eerste is de eerste paragraaf direct na een H-1 dat ze naast elkaar, dus ik kon een CSSA selector die zegt Selecteer de alinea's na een H1 of grenzend aan elk met het plusteken te schrijven.

36
00:03:29,970 --> 00:03:31,320
Dus dat zou er zo uitzien.

37
00:03:31,320 --> 00:03:32,880
Als ik wilde echt om het te doen.

38
00:03:33,120 --> 00:03:39,150
Cory selector en dat zou H-1 plus paragraaf zijn.

39
00:03:39,720 --> 00:03:42,920
En dat geeft mij ook de eerste paragraaf.

40
00:03:42,960 --> 00:03:45,630
Er zijn tal van andere manieren waarop we het zo goed kon doen.

41
00:03:45,630 --> 00:03:48,090
We konden de eerste van het type paragraaf te doen.

42
00:03:48,210 --> 00:03:54,690
We kunnen behoorlijk creatief, maar er is geen reden om dat te doen als we gewoon kunnen krijgen met een ID of een klasse naam of tag naam.

43
00:03:54,990 --> 00:03:55,220
OK.

44
00:03:55,230 --> 00:04:03,760
Dus hopelijk bent u in staat om te komen met ten minste vier van die zoals je kunt zien dat er een heleboel opties, net als in C S S kunnen we iets op zoveel verschillende manieren te richten.

45
00:04:03,780 --> 00:04:08,630
Er is niet echt een goed antwoord in dit geval, omdat het heeft een ID.

46
00:04:08,730 --> 00:04:14,520
Ik zou waarschijnlijk gewoon gebruik maken van queries selector met ID en dat is wat we deden hier.