Welkom terug.
In deze video gaan we verder waar we gebleven waren en blijven praten over een aantal van deze belangrijke methoden die ik wil presenteren de volgende gaan we bespreken is na acht.
En het is kort voor attribuut, dus ik ga om te gaan naar de documenten en gewoon op zoek naar attributen.
Het gaat om up top hier ETR.
Daar gaan we.
En wat we gebruiken voor is om de waarde van een attribuut te halen.
Dus volgens de documentatie het wordt de waarde van een kenmerk voor het eerste element in een stel van passende elementen of set een of meer kenmerken voor elk element gekoppeld.
Dus we kunnen een attribuut op te halen of kunnen we een attribuut in te stellen.
Hopelijk je merken een patroon door nu waar met deze methodes kunnen we ofwel informatie op te halen een attribuut of haal styling of de tekst te halen of woedend hem uit.
En dan kunnen we ze ook instellen door het passeren van het een argument voor de methode.
Dus een werkwijze gedraagt ​​op twee verschillende manieren.
En dit paradigma is de getter en setter paradigma waar we een getter om informatie en een setter om een ​​nieuwe waarde in te stellen op te halen genaamd.
Laten we eens een kijkje bij enkele van de voorbeelden hier.
De G-code docs altijd uitstekende voorbeelden en documentatie en leerprogramma stijl schrijven.
Dus laten we eens een kijkje hier.
We hebben een beeld en het heeft een binnendiameter een bron en een alt-tekst, zodat we kunnen kiezen dat zo wij het beeld met een grote foto-ID geweldige foto dot H. kunt selecteren
En we passeren in wat we proberen te veranderen wat Alt.
En dan kunnen we overgaan in een nieuwe waarde en zie je ook hier beneden kunnen we TTR gebruiken om meerdere waarden in een keer of meerdere attributen.
Dus we kunnen de tekst en de titel attribuut door het passeren van een object, net als de CSSA methode in te stellen.
OK.
Dus laten we spelen rond met dit.
Hier is onze pagina we hebben gewerkt met.
Ik ga toe te voegen in een beetje meer van elk team zal ik content.
Dus op de bodem hier ga ik een afbeelding tag toe te voegen en de bron wordt mijn favoriete grenen martin zijn.
Zo schattig.
En wat we gaan doen is het gebruik J query en de TTR methode om dat imago bron tot de angstaanjagende grenen martin veranderen.
OK.
Dus Zullen onze pagina te vernieuwen.
Hier is ons imago en wat zou een goede eerste oefening is om het beeld te selecteren en maken het een beetje meer beheersbaar dus kleiner.
Dus we zullen het selecteren zien ons en we kunnen beginnen door alleen te kijken naar wat de breedte momenteel is dat 1133 pixels en laten we het een stuk kleiner.
Dus we zullen veranderen met de 2 500 pixels, net als dat.
OK, dat ziet er een stuk beter.
En eigenlijk is dat een beetje kleiner en maanden zelfs tot 200.
Daar gaan we.
Daar is onze schattige grenen martin.
Dus we TTR gebruiken om verder te gaan en verander het beeld bron.
Dus moeten we het beeld opnieuw te selecteren als dat punt 8.
En we kunnen de waarde van de bron te krijgen voor het eerst gewoon ophalen.
Dit is het beeld bron en dan kunnen we het ook instellen door het passeren in onze tweede argument dat is de URL die ik gekopieerd en op mijn klembord en daar gaan we.
Het automatisch bijgewerkt.
En is er onze angstaanjagend grenen martin.
Dus dat is een voorbeeld.
Een ander ding dat we hier kunnen doen is het selecteren van deze input die soort gelijk is aan de tekst en we konden de waarde van het type attribuut te wijzigen.
Dus we zullen dat hier ingang te doen en dan laten we eens kijken naar het attribuut.
Nou laten we beginnen door alleen te kijken naar ingang.
Het is de enige op de pagina.
En dan zullen we dat doen attribuut type en we zien het type is de tekst en nu kunnen we spelen met het en veranderen dat type te zijn gekleurd.
En let op deze ingang hier omdat ik druk op enter.
Het verandert nu om een ​​kleur-ingang en we kunnen hetzelfde doen.
Verander het deze keer om een ​​checkbox zijn.
Daar gaan we.
OK.
Laten we terug gaan naar tekst, want we gaan dit later in de video te gebruiken als een tekstinvoer.
Het laatste wat ik wil laten zien is het gedrag van de TR-methode op meerdere elementen dus laten we toe te voegen in een enkele afbeelding-tags.
Dus we doen een twee drie beelden en ik ga moeten vernieuwen om die te krijgen.
En die gigantische beelden.
Dus ik ga weer verkleinen en die zullen worden Image stip SS met Khama 200 acts en vanwege de magie van J Query dat ze allemaal 200 pixels zal maken.
OK laten we veronderstellen Ik wil de eerste enige veranderen hier om de enge boommarter foto met de tanden.
Wat ik deed eerder zal niet werken als ik probeer en selecteert u het beeld dat is eigenlijk alle afbeeldingen en zo zal het alle drie van hun imago bronnen te veranderen.
Dus als ik wil alleen de eerste die ik kan het colon gebruiken en te onthouden is er voor het eerst van het type als dat voor de ingebouwde J queery eerste die korter is, maar eigenlijk iets langzamer omdat het niet met behulp van een ingebouwde CSSA selector.
Dus kom ik terug naar de eerste van het type te gaan en dan kunnen we de bron te wijzigen naar onze angstaanjagend beeld die je kent.
En als ik druk op enter alleen die eerste afbeelding effecten.
En als ik wilde het laatste beeld te updaten naar hetzelfde beeld bron hebben dit angstaanjagende pine martin Ik heb een paar opties en de eerste die ik zal laten zien is om alle beelden als dit te selecteren en gebruik vervolgens de stip laatste methode die iets je hebt nog niet gezien en dit zal het laatste element terug te keren van een bepaalde selector.
Dus dit selecteert alle drie beelden en toen we vragen voor de laatste en dan kunnen we dat doen ATSDR bron en dan kunnen we plakken naar ons beeld bron en druk op enter.
En je kunt zien dat het laatste beeld ook is veranderd.
En dan tot slot zal ik laten zien veranderen van alle drie van hen samen, dus ik heb een nieuwe afbeelding die u bent.
Ik zal hier kopiëren over en zal de bron attribuut op alle van hen te veranderen door gewoon de selectie van alle beelden als dit en dan loopt die eigenschap source komma en plakken in onze Nieuwe U bent allen en alle drie de afbeeldingen te wijzigen tegelijk.
Dus om samen te vatten TTR als we slechts één argument als bron geven.
Maar we weten niet passeren in een tweede argument.
Het zal alleen de terugkeer van de waarde van de bron.
Dus dat is de getter.
En dan, als we een tweede argument als een nieuwe jij r l zoals wij hier deden die eigenlijk de waarde van de bron op elke element dat we eerder gekozen wordt bijgewerkt.
Dus de volgende ding dat ik wil laten zien is het Vau methode.
Dus VHDL wat Val doet is dat het helpt ons de waarde te halen uit een input.
Dus als je kunt terug naar toen u dat scorer met gewoon javascript en we hadden dat aantal inbreng maakte denken en die ingang kon je de winnende score op te geven voor het spelen van 5 of 10 en we moesten om de waarde er uit te halen.
We maken gebruik van een eigenschap waarde.
Nou Vau is J vraagt ​​wrapper voor de waarde, net als elke tim.
Het is een wrapper voor woedende Jamail en de tekst is de wrapper voor de inhoud van de tekst.
U kunt een kijkje nemen op een paar voorbeelden te noemen zoals je hier kunt zien.
Als we niet passeren alle argumenten zal het de waarde van een bepaald element dat we selecteren terugkeren.
Dus in dit geval zijn we grijpen de dropdown menu aan de keuze-element met klasse van foo en dan zijn we Val doen op die zal ons vertellen welke element of welk deel van het dropdown wordt geselecteerd en dan kunnen we ook dezelfde syntaxis maar we pas in een argument en dat zal de waarde van een ingang te wijzigen.
Dus laten we naar onze tekstinvoer hier en ik ga naar de console te wissen en we zullen doorgaan en selecteer deze tekstinvoer.
Dus een dollarteken ingang net als dat en dan zullen we Val lopen zonder argumenten.
En op dit moment zou het ons een lege string te geven omdat de waarde hier is een lege string.
Er is niets binnen is er.
Dus als we het type iets nu als mijn naam en toen we vragen voor de waarde vertelt het ons koud staal.
Dus wat is hier wordt gegrepen toen we aanloop hoewel en dan net als alle andere methoden die we hebben gezien dat zal ook fungeren als een setter methode.
Dus als ik pas in iets als roestig staal en ik druk op enter ik kan zien dat het werkt de input voor nu zeggen Resti nog steeds.
U vraagt ​​zich misschien af ​​wanneer we eigenlijk code zou schrijven aan een ingang bij te werken.
Meestal laten we een gebruiker de input te werken.
De één gemeenschappelijk use case die ik kan bedenken is als we wilden om de waarde te wissen.
Dus als dit een takenlijst en we wilden de gebruiker in staat zijn om nieuwe Candie's jelly beans die manier worden overschat door de manier toe te voegen of iets wat ik kon typen in en krijgen we druk op enter en we willen een nieuwe bondgenoot toe te voegen en vervolgens we willen doorhalen wat er binnen in hier.
We zouden dot gebruiken.
Dus ik zal je laten zien.
Net ziet er zo uit.
En dan gaan we deze ingesteld op een lege string en dat wist de inhoud binnen daar dus we zullen dat doen eigenlijk als we onze eigen lijst te doen.
We zullen Vau te gebruiken met een lege string te resetten tekst en te zetten.
Laatste wat ik zal noemen, is dat Darvell werkt op alle elementen die een waarde attribuut.
Dus het is niet alleen ingangen met type noemt de tekst is het dingen zoals checkboxes en kleur voor kleur ingangen, maar het bevat ook dropdown menu's die ik verder kan gaan en schrijf een nieuw dropdown menu dat is een keuze-element te maken en vervolgens binnen deze selecte voegen we in opties en elke optie staat voor een keuze.
Dus onze opties zullen enkele van de meest populaire huisdieren bevatten in het land, zoals struisvogel en schildpadden en Toad.
OK en we zullen slaan en vernieuw de pagina en je kunt zien dat we nu een dropdown menu met drie keuzes en als ik wil weten welke keuze de gebruiker heeft gekozen kon ik hier gaan en ik niet alleen selecteren ingang elke meer.
Ik zou moeten selecteren welke me dat dropdown menu zal geven te selecteren en dan heb ik alleen nog maar Vau op die en het vertelt me ​​dat de gebruiker heeft gekozen pad Oké.
Dus om wrap up 80 TR wordt gebruikt om toegang te krijgen tot een specifieke eigenschap die we willen of om een ​​attribuut te stellen en vervolgens fĂźlle wordt gebruikt om de waarde te halen of de waarde van enige vorm van input of dropdown menu.