1
00:00:00,570 --> 00:00:01,430
Nous saluons le retour.

2
00:00:01,590 --> 00:00:11,220
Dans cette vidéo, nous allons reprendre là où nous en étions et continuer à parler de certaines de ces méthodes importantes que je veux présenter la prochaine fois que nous allons discuter est après huit heures.

3
00:00:11,370 --> 00:00:16,290
Et c'est court pour l'attribut donc je vais aller à la documentation et juste chercher des attributs.

4
00:00:16,530 --> 00:00:19,550
Ça va être en haut ici ETR.

5
00:00:19,680 --> 00:00:20,500
Voilà.

6
00:00:20,730 --> 00:00:24,930
Et ce que nous l'utilisons pour est de récupérer la valeur d'un attribut.

7
00:00:25,230 --> 00:00:34,680
Ainsi, selon les docs, il obtient la valeur d'un attribut pour le premier élément dans un ensemble d'éléments appariés ou définit un ou plusieurs attributs pour chaque élément apparié.

8
00:00:34,680 --> 00:00:39,170
Nous pouvons donc récupérer un attribut ou définir un attribut.

9
00:00:39,210 --> 00:00:51,320
Espérons que vous remarquerez un modèle par maintenant où avec ces méthodes, nous pouvons soit obtenir des informations récupérer un attribut ou récupérer le style ou récupérer le texte ou enragé lui.

10
00:00:51,540 --> 00:00:55,610
Et puis nous pouvons également les définir en lui faisant passer un argument à la méthode.

11
00:00:55,620 --> 00:00:57,810
Ainsi, une méthode se comporte de deux manières différentes.

12
00:00:57,960 --> 00:01:05,600
Et ce paradigme est appelé le getter et setter paradigme où nous avons un getter pour récupérer des informations et un setter pour définir une nouvelle valeur.

13
00:01:06,060 --> 00:01:08,520
Jetons un coup d'oeil à certains des exemples ici.

14
00:01:08,520 --> 00:01:15,140
Le G-code docs toujours avoir d'excellents exemples et la documentation et l'écriture de style tutoriel.

15
00:01:15,150 --> 00:01:16,570
Alors jetez un oeil ici.

16
00:01:16,710 --> 00:01:30,610
Nous avons une image et il a un I.D. Une source et un texte alt afin que nous puissions sélectionner ce afin que nous puissions sélectionner l'image avec une grande photo ID photo grande point H.

17
00:01:31,050 --> 00:01:35,160
Et nous passons dans ce que nous essayons de changer qui est Alt.

18
00:01:35,250 --> 00:01:45,050
Et puis nous pouvons le transmettre dans une nouvelle valeur et vous pouvez également voir ici, nous pouvons utiliser TTR pour définir plusieurs valeurs à la fois ou plusieurs attributs.

19
00:01:45,120 --> 00:01:51,580
Ainsi, nous pouvons définir le texte et l'attribut de titre en passant dans un objet comme la méthode CSSA.

20
00:01:51,880 --> 00:01:52,130
D'ACCORD.

21
00:01:52,140 --> 00:01:53,540
Alors jouons avec ça.

22
00:01:53,820 --> 00:01:56,050
Voici notre page avec laquelle nous travaillons.

23
00:01:56,130 --> 00:01:59,770
Je vais ajouter un peu plus de chaque équipe que je vais contenter.

24
00:01:59,790 --> 00:02:06,980
Donc, au bas ici, je vais ajouter une balise d'image et la source va être mon préféré martin de pin.

25
00:02:07,230 --> 00:02:08,460
Si adorable.

26
00:02:08,460 --> 00:02:17,530
Et ce que nous allons faire est d'utiliser la requête J et la méthode TTR pour changer cette source d'image au terrifiant martin de pin.

27
00:02:18,020 --> 00:02:18,620
D'ACCORD.

28
00:02:18,930 --> 00:02:20,500
Donc va rafraîchir notre page.

29
00:02:20,630 --> 00:02:29,620
Voici notre image et ce qui serait un bon premier exercice est de sélectionner l'image et de le rendre un peu plus gérable si petit.

30
00:02:29,780 --> 00:02:42,550
Nous allons donc sélectionner l'image nous voir et nous pouvons commencer par regarder ce que la largeur est actuellement qui est de 1133 pixels et nous allons le rendre beaucoup plus petit.

31
00:02:42,630 --> 00:02:48,600
Nous allons donc changer avec 2 500 pixels comme ça.

32
00:02:48,920 --> 00:02:50,780
OK qui ressemble beaucoup mieux.

33
00:02:51,450 --> 00:02:57,050
Et en fait c'est un peu plus petit et des mois même à 200.

34
00:02:57,060 --> 00:02:57,630
Voilà.

35
00:02:57,720 --> 00:02:59,600
Il y a notre adorable martin de pin.

36
00:02:59,790 --> 00:03:04,150
Nous allons donc utiliser TTR pour aller de l'avant et changer la source d'image.

37
00:03:04,350 --> 00:03:09,790
Nous devons donc sélectionner l'image comme ce point 8.

38
00:03:10,290 --> 00:03:14,580
Et nous pouvons obtenir la valeur de la source tout d'abord la récupérer.

39
00:03:14,580 --> 00:03:25,380
C'est la source de l'image et ensuite nous pouvons également le définir en passant dans notre deuxième argument qui est l'URL que j'ai copié et ont sur mon presse-papiers et là nous allons.

40
00:03:25,410 --> 00:03:26,830
Il est automatiquement mis à jour.

41
00:03:26,880 --> 00:03:29,910
Et voici notre terrifiant martin de pin.

42
00:03:30,930 --> 00:03:32,460
Voilà un exemple.

43
00:03:32,460 --> 00:03:41,110
Une autre chose que nous pourrions faire ici est de sélectionner cette entrée qui est le type est égal au texte et nous pourrions changer la valeur de l'attribut de type.

44
00:03:41,280 --> 00:03:47,260
Donc, nous allons faire cela ici entrée et puis regardons l'attribut.

45
00:03:47,400 --> 00:03:49,110
Eh bien, commençons par simplement regarder l'entrée.

46
00:03:49,170 --> 00:03:50,890
C'est le seul sur la page.

47
00:03:51,270 --> 00:04:03,500
Et puis nous allons faire ce type d'attribut et nous voyons le type est le texte et maintenant nous pouvons jouer avec elle et de changer que d'être de type est coloré.

48
00:04:03,720 --> 00:04:07,000
Et regardez cette entrée ici que je touche entrer.

49
00:04:07,380 --> 00:04:11,670
Il change maintenant d'une entrée de couleur et nous pouvons faire la même chose.

50
00:04:11,760 --> 00:04:15,340
Changez-le cette fois-ci pour être une case à cocher.

51
00:04:15,360 --> 00:04:16,630
Voilà.

52
00:04:17,430 --> 00:04:17,740
D'ACCORD.

53
00:04:17,760 --> 00:04:23,890
Revenons au texte car nous allons l'utiliser plus tard dans la vidéo en tant que saisie de texte.

54
00:04:24,090 --> 00:04:32,700
La dernière chose que je veux démontrer est le comportement de la méthode TR sur des éléments multiples, alors ajoutons quelques balises d'image.

55
00:04:32,820 --> 00:04:38,850
Donc, nous allons faire un deux trois images et je vais avoir besoin de rafraîchir pour les obtenir.

56
00:04:39,000 --> 00:04:40,890
Et là, ces images gigantesques.

57
00:04:40,980 --> 00:04:58,000
Donc, je vais redimensionner à nouveau et ce sera Image dot voir SS avec Khama 200 actes et en raison de la magie de J Query qui fera tous les 200 pixels.

58
00:04:58,440 --> 00:05:05,070
OK, supposons que je veux changer seulement le premier ici pour être la photo effrayante de martre de pin avec les dents.

59
00:05:05,380 --> 00:05:14,620
Ce que j'ai fait plus tôt ne fonctionnera pas si j'essaie et sélectionnez juste l'image qui est en fait toutes les images et ainsi il changera toutes les trois de leurs sources d'image.

60
00:05:14,610 --> 00:05:33,420
Donc, si je veux seulement le premier, je peux utiliser le cône d'image et rappelez-vous il ya d'abord de type comme celui pour le construit dans J queery première qui est plus courte mais en fait légèrement plus lent car il n'utilise pas un sélecteur CSSA intégré.

61
00:05:33,570 --> 00:05:40,010
Donc, je vais revenir à la première de type et puis nous pouvons changer de source pour être notre image effrayante que vous connaissez.

62
00:05:40,140 --> 00:05:44,250
Et si je frappe entrer il n'a que des impacts que la première image.

63
00:05:44,670 --> 00:06:06,240
Et si je voulais mettre à jour la dernière image pour avoir la même source d'image ce martin terrifiant de pin j'ai quelques options et le premier que je montrerai est de sélectionner toutes les images comme ceci et employer alors la dernière méthode de point qui est quelque chose Vous n'avez pas encore vu et cela renverra le dernier élément d'un sélecteur donné.

64
00:06:06,420 --> 00:06:16,820
Donc, cela sélectionne les trois images, puis nous demandons la dernière et puis nous pouvons faire cette source ATSDR et puis nous pouvons coller dans notre source d'image et appuyez sur Entrée.

65
00:06:17,070 --> 00:06:20,670
Et vous pouvez voir que la dernière image est également modifiée.

66
00:06:20,700 --> 00:06:25,800
Et enfin, je vais démontrer de changer les trois ensemble ainsi j'ai une nouvelle image que vous êtes.

67
00:06:25,830 --> 00:06:43,310
Je vais copier ici et va changer l'attribut source sur chacun d'eux en sélectionnant simplement toutes les images comme celle-ci, puis en exécutant cet attribut source virgule et coller dans notre Nouveau Vous êtes tous et les trois images changent simultanément.

68
00:06:43,750 --> 00:06:48,810
Donc, pour résumer TTR si nous lui donnons un argument comme source.

69
00:06:48,880 --> 00:06:51,020
Mais nous ne passons pas dans un deuxième argument.

70
00:06:51,090 --> 00:06:53,540
Il renverra simplement la valeur de source.

71
00:06:53,790 --> 00:06:54,810
Donc c'est le getter.

72
00:06:54,930 --> 00:07:06,070
Et puis si nous fournissons un deuxième argument comme un nouveau vous r l comme nous l'avons fait ici qui va réellement mettre à jour la valeur de la source sur chaque élément unique que nous avons sélectionné précédemment.

73
00:07:06,090 --> 00:07:10,020
Donc la prochaine chose que je veux démontrer est la méthode de Vau.

74
00:07:10,020 --> 00:07:16,490
Donc VHDL ce que Val fait est qu'il nous aide à extraire la valeur d'une entrée.

75
00:07:16,530 --> 00:07:30,640
Donc, si vous pouvez réfléchir à quand vous avez fait ce scorekeeper avec javascript simple et nous avons eu ce nombre d'entrée et que l'entrée, vous pourriez spécifier le score gagnant pour jouer à 5 ou à 10 et nous avons dû extraire la valeur de là.

76
00:07:30,630 --> 00:07:33,010
Nous utilisons une propriété appelée valeur.

77
00:07:33,250 --> 00:07:38,160
Bien Vau est J wrapper de requêtes pour la valeur tout comme chaque tim.

78
00:07:38,190 --> 00:07:44,360
C'est un wrapper pour Jamail enragé et le texte est l'enveloppe pour le contenu texte.

79
00:07:44,370 --> 00:07:47,630
Vous pouvez jeter un oeil à quelques exemples que vous pouvez voir ici.

80
00:07:47,790 --> 00:07:53,950
Si nous ne transmettons aucun argument, il retourne la valeur d'un élément particulier que nous sélectionnons.

81
00:07:54,490 --> 00:08:13,230
Donc, dans ce cas, nous saisissons le menu déroulant à l'élément select avec la classe de foo et puis nous faisons Val sur elle qui va nous dire quel élément ou quelle partie de la liste déroulante est sélectionné et ensuite nous pouvons également utiliser la même syntaxe Mais nous passons dans un argument et qui va changer la valeur d'une entrée.

82
00:08:13,240 --> 00:08:20,560
Alors allons à notre saisie de texte ici et je vais effacer la console et nous allons aller de l'avant et sélectionnez cette entrée de texte.

83
00:08:20,910 --> 00:08:28,090
Donc une entrée de signe de dollar juste comme ça et alors nous exécuterons Val sans aucun argument.

84
00:08:28,350 --> 00:08:33,420
Et en ce moment il nous donnerait une chaîne vide parce que la valeur ici est une chaîne vide.

85
00:08:33,420 --> 00:08:34,600
Il n'y a rien dedans.

86
00:08:34,890 --> 00:08:41,900
Donc, si nous tapons quelque chose maintenant comme mon nom et puis nous demandons la valeur qu'il nous dit acier froid.

87
00:08:42,150 --> 00:08:51,290
Donc, tout ce qui est ici est saisi quand nous courons vers le haut cependant et puis comme toutes les autres méthodes que nous avons vu, il agira également comme une méthode setter.

88
00:08:51,450 --> 00:09:03,070
Donc, si je passe dans quelque chose comme l'acier rouillé et j'ai frappé entrer, je peux voir qu'il met à jour l'entrée pour dire maintenant resti encore.

89
00:09:03,180 --> 00:09:07,320
Vous pourriez vous demander quand nous écrirons réellement le code pour mettre à jour une entrée.

90
00:09:07,330 --> 00:09:10,150
Habituellement, nous laissons un utilisateur mettre à jour l'entrée.

91
00:09:10,230 --> 00:09:14,630
L'un des cas d'utilisation courante que je peux penser est si nous voulions effacer la valeur.

92
00:09:14,710 --> 00:09:31,670
Donc, si c'était une liste à faire et nous voulions que l'utilisateur puisse ajouter de nouveaux Candie ou quelque chose que je pourrais taper dans les haricots de gelée qui sont surestimés par le chemin et nous obtenons frappé entrer et nous voulons ajouter un nouvel allié et puis Nous voulons supprimer ce qui est à l'intérieur d'ici.

93
00:09:31,840 --> 00:09:33,460
Nous utiliserons le point.

94
00:09:33,540 --> 00:09:35,290
Alors je vais vous montrer.

95
00:09:35,290 --> 00:09:36,290
C'est comme ça.

96
00:09:36,390 --> 00:09:45,040
Et puis nous allons le mettre à une chaîne vide et qui efface le contenu à l'intérieur de là donc nous allons le faire en fait lorsque nous faisons notre propre à faire la liste.

97
00:09:45,080 --> 00:09:49,960
Nous allons utiliser Vau avec une chaîne vide pour réinitialiser le texte et mettre.

98
00:09:49,960 --> 00:09:54,890
La dernière chose que je mentionnerai est que Darvell fonctionne sur tous les éléments qui ont un attribut value.

99
00:09:55,050 --> 00:10:16,850
Donc, ce n'est pas seulement les entrées avec le type d'appels texte, c'est des choses comme les cases à cocher et la couleur pour les entrées de couleur, mais il comprend également des menus déroulants que je peux aller de l'avant et écrire va faire un nouveau menu déroulant qui est un élément select, Options et chaque option représente un choix.

100
00:10:17,040 --> 00:10:28,210
Ainsi nos options contiendront quelques-uns des animaux de compagnie les plus populaires dans le pays comme l'autruche et la tortue et le crapaud.

101
00:10:28,600 --> 00:10:44,600
OK et nous allons sauver et rafraîchir la page et vous pouvez voir que nous avons maintenant un menu déroulant avec trois choix et si je veux savoir quel choix de l'utilisateur a sélectionné, je pourrais aller ici et je ne sais pas tout sélectionner plus.

102
00:10:44,790 --> 00:10:58,210
Je devrais choisir soit sélectionner ce qui me donnera ce menu déroulant et puis je viens d'exécuter Vau sur cela et il me dit que l'utilisateur a sélectionné le crapaud Tout droit.

103
00:10:58,230 --> 00:11:12,670
Donc pour envelopper 80 TR est utilisé pour accéder à n'importe quel attribut spécifique que nous voulons ou pour définir un attribut et ensuite fßlle est utilisé pour récupérer la valeur ou définir la valeur de n'importe quelle sorte d'entrée ou menu déroulant.