Okee.
Dus het is tijd voor een snelle oefening.
Deze gaat naar de verschillende DOM selectors dat we net besproken dekken.
Dus de manier waarop die werkt u een aantal H M L eenvoudige shemale en H-1 drie vier alinea's.
Sommigen hebben ideeën sommige hebben klassen sommige hebben niets.
En wat ik wil dat je doet is de proppen te komen met vier verschillende manieren om de eerste paragraaf te selecteren.
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.
Als u wilt kunt u de code bevestigd om het te downloaden.
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.
OK dus laten we praten over hoe we dit oplossen.
Ik heb de H Tim L-bestand hier.
We hebben een H1 gekregen en hier is de paragraaf dat we na de eerste paragraaf.
Het heeft ID gelijk is aan de eerste klasse is bijzonder.
En dan is er nog een aantal andere punten die we niet echt zorgen over.
Dus om het te selecteren hebben we een paar verschillende opties.
Laten we beginnen met get element door ID.
Dus gewoon om documenttype get element door ID eerste.
We kunnen ook selecteren op basis off van de ID eerste met behulp van query-selector om die vraag selector documenteren.
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.
Dus we kunnen ook selecteren op basis off van de klasse die is bijzonder.
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.
Dus om het te beperken tot slechts de eerste die we zouden toevoegen nul achteraf vierkante haakjes nul.
En dat geeft ons de eerste paragraaf.
We kunnen ook gebruik maken van vraag selector en we gebruiken de dot syntax, want het is een klasse.
Deze keer hebben we niet het plein beugel nul nodig omdat de reguliere oude vraag selector alleen geeft ons het eerste resultaat.
Als we vroeger vraag selector al konden we nul achteraf toe te voegen en het zou werken op dezelfde manier.
We krijgen dezelfde eerste paragraaf.
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.
Dus we zouden beugel nul doen.
We kunnen ook gebruik maken van vraag selector.
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.
Dus vraag selector ons de eerste te geven.
Zo kunt u hier zien of we kunnen ook doen queries dergelijke zijn allemaal en voeg in nul.
We kunnen ook het leven moeilijker voor onszelf en gebruik wat meer creatieve CSSA selectors.
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.
Dus dat zou er zo uitzien.
Als ik wilde echt om het te doen.
Cory selector en dat zou H-1 plus paragraaf zijn.
En dat geeft mij ook de eerste paragraaf.
Er zijn tal van andere manieren waarop we het zo goed kon doen.
We konden de eerste van het type paragraaf te doen.
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.
OK.
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.
Er is niet echt een goed antwoord in dit geval, omdat het heeft een ID.
Ik zou waarschijnlijk gewoon gebruik maken van queries selector met ID en dat is wat we deden hier.