D'accord.
Il est donc temps pour un exercice rapide.
Celui-ci va couvrir les différents sélecteurs de DOM que nous venons de discuter.
Donc, la façon dont cela fonctionne en vous donnant quelques H M L shemale simple et H-1 trois quatre paragraphes.
Certains ont des idées certains ont des classes certains n'ont rien.
Et ce que je veux que vous fassiez est de trouver quatre façons différentes de sélectionner le premier paragraphe.
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.
Si vous voulez, vous pouvez télécharger le code qui y est joint.
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.
OK alors parlons de la façon dont nous pourrions résoudre ce problème.
J'ai le dossier H Tim L ici.
Nous avons un H1 et voici le paragraphe que nous avons après le premier paragraphe.
Il a ID égal à la première classe est spéciale.
Et puis il ya d'autres paragraphes dont nous ne nous soucions pas vraiment.
Donc, pour le sélectionner, nous avons quelques options différentes.
Commençons par obtenir élément par ID.
Donc, juste pour documenter type get élément par ID d'abord.
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.
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.
Donc, nous pouvons également sélectionner basée hors de la classe qui est spécial.
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.
Donc, pour le réduire à juste le premier, nous ajouterions zéro après les crochets zéro.
Et cela nous donne le premier paragraphe.
Nous pourrions également utiliser le sélecteur de requêtes et nous utilisons la syntaxe de point car c'est une classe.
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.
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.
Nous obtenons le même premier paragraphe.
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.
Donc, nous ferions entre parenthèses le zéro.
Nous pourrions également utiliser le sélecteur de requêtes.
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.
Le sélecteur de requêtes nous donnera donc le premier.
Donc vous pouvez voir ici ou nous pourrions aussi faire des requêtes comme sont tous et ajouter en zéro.
Nous pouvons également rendre la vie plus difficile sur nous-mêmes et utiliser certains sélecteurs CSSA plus créatifs.
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.
Donc, ça ressemblerait à ça.
Si je voulais vraiment le faire.
Cory et qui serait H-1 plus le paragraphe.
Et cela me donne aussi le premier paragraphe.
Il ya beaucoup d'autres façons que nous pourrions le faire ainsi.
Nous pourrions faire d'abord du type paragraphe.
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.
D'ACCORD.
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.
Il n'ya pas vraiment une bonne réponse dans ce cas, car il a un ID.
Je voudrais probablement utiliser le sélecteur de requêtes avec l'ID qui est ce que nous avons fait ici.