Nous saluons le retour.
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.
Et c'est court pour l'attribut donc je vais aller à la documentation et juste chercher des attributs.
Ça va être en haut ici ETR.
Voilà.
Et ce que nous l'utilisons pour est de récupérer la valeur d'un attribut.
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é.
Nous pouvons donc récupérer un attribut ou définir un attribut.
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.
Et puis nous pouvons également les définir en lui faisant passer un argument à la méthode.
Ainsi, une méthode se comporte de deux manières différentes.
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.
Jetons un coup d'oeil à certains des exemples ici.
Le G-code docs toujours avoir d'excellents exemples et la documentation et l'écriture de style tutoriel.
Alors jetez un oeil ici.
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.
Et nous passons dans ce que nous essayons de changer qui est Alt.
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.
Ainsi, nous pouvons définir le texte et l'attribut de titre en passant dans un objet comme la méthode CSSA.
D'ACCORD.
Alors jouons avec ça.
Voici notre page avec laquelle nous travaillons.
Je vais ajouter un peu plus de chaque équipe que je vais contenter.
Donc, au bas ici, je vais ajouter une balise d'image et la source va être mon préféré martin de pin.
Si adorable.
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.
D'ACCORD.
Donc va rafraîchir notre page.
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.
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.
Nous allons donc changer avec 2 500 pixels comme ça.
OK qui ressemble beaucoup mieux.
Et en fait c'est un peu plus petit et des mois même à 200.
Voilà.
Il y a notre adorable martin de pin.
Nous allons donc utiliser TTR pour aller de l'avant et changer la source d'image.
Nous devons donc sélectionner l'image comme ce point 8.
Et nous pouvons obtenir la valeur de la source tout d'abord la récupérer.
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.
Il est automatiquement mis à jour.
Et voici notre terrifiant martin de pin.
Voilà un exemple.
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.
Donc, nous allons faire cela ici entrée et puis regardons l'attribut.
Eh bien, commençons par simplement regarder l'entrée.
C'est le seul sur la page.
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é.
Et regardez cette entrée ici que je touche entrer.
Il change maintenant d'une entrée de couleur et nous pouvons faire la même chose.
Changez-le cette fois-ci pour être une case à cocher.
Voilà.
D'ACCORD.
Revenons au texte car nous allons l'utiliser plus tard dans la vidéo en tant que saisie de texte.
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.
Donc, nous allons faire un deux trois images et je vais avoir besoin de rafraîchir pour les obtenir.
Et là, ces images gigantesques.
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.
OK, supposons que je veux changer seulement le premier ici pour être la photo effrayante de martre de pin avec les dents.
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.
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é.
Donc, je vais revenir à la première de type et puis nous pouvons changer de source pour être notre image effrayante que vous connaissez.
Et si je frappe entrer il n'a que des impacts que la première image.
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é.
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.
Et vous pouvez voir que la dernière image est également modifiée.
Et enfin, je vais démontrer de changer les trois ensemble ainsi j'ai une nouvelle image que vous êtes.
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.
Donc, pour résumer TTR si nous lui donnons un argument comme source.
Mais nous ne passons pas dans un deuxième argument.
Il renverra simplement la valeur de source.
Donc c'est le getter.
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.
Donc la prochaine chose que je veux démontrer est la méthode de Vau.
Donc VHDL ce que Val fait est qu'il nous aide à extraire la valeur d'une entrée.
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à.
Nous utilisons une propriété appelée valeur.
Bien Vau est J wrapper de requêtes pour la valeur tout comme chaque tim.
C'est un wrapper pour Jamail enragé et le texte est l'enveloppe pour le contenu texte.
Vous pouvez jeter un oeil à quelques exemples que vous pouvez voir ici.
Si nous ne transmettons aucun argument, il retourne la valeur d'un élément particulier que nous sélectionnons.
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.
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.
Donc une entrée de signe de dollar juste comme ça et alors nous exécuterons Val sans aucun argument.
Et en ce moment il nous donnerait une chaîne vide parce que la valeur ici est une chaîne vide.
Il n'y a rien dedans.
Donc, si nous tapons quelque chose maintenant comme mon nom et puis nous demandons la valeur qu'il nous dit acier froid.
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.
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.
Vous pourriez vous demander quand nous écrirons réellement le code pour mettre à jour une entrée.
Habituellement, nous laissons un utilisateur mettre à jour l'entrée.
L'un des cas d'utilisation courante que je peux penser est si nous voulions effacer la valeur.
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.
Nous utiliserons le point.
Alors je vais vous montrer.
C'est comme ça.
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.
Nous allons utiliser Vau avec une chaîne vide pour réinitialiser le texte et mettre.
La dernière chose que je mentionnerai est que Darvell fonctionne sur tous les éléments qui ont un attribut value.
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.
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.
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.
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.
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.