Ben tornato.
In questo video riprenderemo da dove eravamo rimasti e continuiamo a parlare di
alcuni di questi importanti metodi che voglio mostrare il prossimo che discuteremo dopo le otto.
Ed è abbreviazione di attributo, quindi ho intenzione di andare alla documentazione e cercare gli attributi.
Sta andando in cima qui ETR.
Eccoci.
E per cosa lo usiamo è recuperare il valore di un attributo.
elemento in un insieme di elementi corrispondenti o imposta uno o più attributi per ogni elemento abbinato.
Quindi, secondo i documenti, ottiene il valore di un attributo per il primo
Quindi possiamo recuperare un attributo o possiamo impostare un attributo.
Si spera che tu stia già notando un modello in cui con questi metodi possiamo ottenere
informazioni recuperare un attributo o recuperare lo stile o recuperare il testo o farlo infuriare.
E poi possiamo anche impostarli passando un argomento al metodo.
Quindi un metodo si comporta in due modi diversi.
E questo paradigma è chiamato il paradigma getter and setter in cui abbiamo un getter per recuperare
informazioni e un setter per impostare un nuovo valore.
Diamo un'occhiata ad alcuni degli esempi qui.
I documenti G-code hanno sempre esempi eccellenti e documentazione e scrittura in stile tutorial.
Quindi diamo un'occhiata qui.
Abbiamo un'immagine e ha un io D. una fonte e un testo alternativo in modo che
possiamo selezionarlo in modo da poter selezionare l'immagine con un ottimo ID foto ottima foto punto H.
E passiamo a ciò che stiamo cercando di cambiare, che è Alt.
E poi possiamo passarlo in un nuovo valore e puoi anche vedere quaggiù possiamo usare TTR per impostare più
valori contemporaneamente o più attributi.
Quindi possiamo impostare il testo e l'attributo titolo passando un oggetto proprio come il metodo CSSA.
OK.
Quindi giochiamo con questo.
Ecco la nostra pagina con cui abbiamo lavorato.
Aggiungerò un po 'di più ad ogni squadra che accontenterò.
Quindi in fondo qui aggiungerò un tag immagine e la fonte sarà la mia pinna preferita.
Così adorabile.
che faremo è usare la query J e il metodo TTR per cambiare quella sorgente di immagini alla terrificante pine martin.
E quello
OK.
Così aggiorneremo la nostra pagina.
Ecco la nostra immagine e quale sarebbe un buon primo esercizio è quello di selezionare l'immagine e renderla un po
'più gestibile in modo più piccolo.
Quindi selezioneremo l'immagine e possiamo iniziare osservando la larghezza attuale di 1133
pixel e rendiamola molto più piccola.
Quindi cambieremo con 2 500 pixel proprio così.
OK, sembra molto meglio.
E in realtà questo è un po 'più piccolo e mesi anche a 200.
Eccoci.
C'è la nostra adorabile pino martino.
Quindi useremo TTR per andare avanti e cambiare la sorgente dell'immagine.
Quindi dobbiamo selezionare nuovamente l'immagine come quel punto 8.
E possiamo ottenere il valore della fonte prima di recuperarlo.
nostro secondo argomento che è l'URL che ho copiato e che ho nei miei appunti e ci siamo.
Questa è la fonte dell'immagine e quindi possiamo anche impostarla passando il
Si aggiorna automaticamente.
E c'è il nostro terrificante pino martino.
Quindi questo è un esempio.
Un'altra cosa che potremmo fare qui è selezionare questo input che è di tipo uguale al testo e
potremmo cambiare il valore dell'attributo type.
Quindi lo faremo qui in input e quindi guardiamo all'attributo.
Bene, iniziamo guardando solo l'input.
È l'unico nella pagina.
E poi faremo quel tipo di attributo e vediamo che il testo è testo e ora possiamo giocarci e cambiarlo in modo
che il testo sia colorato.
E guarda questo input qui quando premo invio.
Ora cambia in un input di colore e possiamo fare la stessa cosa.
Cambia questa volta per essere una casella di controllo.
Eccoci.
OK.
Torniamo al testo perché lo utilizzeremo più avanti nel video come input di testo.
L'ultima cosa che voglio dimostrare è il comportamento del metodo TR su più elementi,
quindi aggiungiamo alcuni tag immagine.
Quindi faremo due tre immagini e avrò bisogno di aggiornare per ottenere quelle.
E lì quelle immagini gigantesche.
Quindi ho intenzione di ridimensionare di nuovo e quello sarà Image dot vedere SS con Khama 200 atti e grazie alla magia di
J Query che renderà tutti loro 200 pixel.
che voglio solo cambiare la prima qui per essere la foto della martora di pino con i denti.
OK supponiamo
Quello che ho fatto prima non funzionerà se provo e seleziono solo l'immagine che è in realtà tutte le immagini e quindi cambierà
tutte e tre le loro sorgenti di immagini.
Quindi, se desidero solo il primo, posso usare i due punti dell'immagine e ricordare che per prima cosa è il primo di tipo
simile a quello già compilato da J queery, che è più corto ma leggermente più lento perché non utilizza
un selettore CSSA incorporato.
Quindi tornerò al primo tipo e poi potremo cambiare fonte per diventare la nostra immagine paurosa che conosci.
E se premo invio, ciò influisce solo sulla prima immagine.
E se volevo aggiornare l'ultima immagine per avere la stessa fonte di immagine di questa terrificante pinna
di pino, ho alcune opzioni e la prima che mostrerò è selezionare tutte le immagini come questa e poi usare l'ultimo metodo
punto che è qualcosa non hai ancora visto e questo restituirà l'ultimo elemento da un
dato selettore.
Quindi questo seleziona tutte e tre le immagini e poi chiediamo l'ultima e poi possiamo fare quella fonte
ATSDR e poi possiamo incollare la nostra fonte d'immagine e premere invio.
E puoi vedere che anche l'ultima immagine è cambiata.
E infine dimostrerò di cambiarli tutti e tre insieme, quindi ho una nuova immagine che sei.
Copierò qui e cambierò l'attributo sorgente su tutti loro semplicemente selezionando tutte le immagini come questa
e quindi eseguendo tale attributo fonte virgola e incolla nel nostro Nuovo Sei tutte e tutte e
tre le immagini cambiano contemporaneamente.
Quindi per riassumere TTR se gli diamo solo un argomento come la fonte.
Ma non passiamo in una seconda discussione.
Restituirà solo il valore della fonte.
Quindi questo è il getter.
qui, aggiorneremo il valore del sorgente su ogni singolo elemento che abbiamo selezionato in precedenza.
E poi se forniamo un secondo argomento come un nuovo come quello che abbiamo fatto
Quindi la prossima cosa che voglio dimostrare è il metodo Vau.
Quindi VHDL quello che Val fa è che ci aiuta a estrarre il valore da un input.
Quindi, se riesci a ripensare a quando hai fatto quel segnapunti con un semplice javascript e abbiamo
inserito quel numero e quell'input potresti specificare il punteggio vincente per giocare a 5 o a 10 e abbiamo bisogno
di estrarre il valore da lì.
Usiamo una proprietà chiamata valore.
Bene Vau è un wrapper J queries per valore proprio come ogni tim.
È un wrapper per Jamail infuriato e text è il wrapper per il contenuto del testo.
Puoi dare un'occhiata ad alcuni esempi come puoi vedere qui.
Se non passiamo argomenti, restituirà il valore di un particolare elemento che selezioniamo.
Quindi in questo caso stiamo prendendo il menu a discesa sull'elemento select con la classe di foo e quindi
stiamo facendo Val su di esso che ci dirà quale elemento o quale parte del menu a discesa è selezionato e
quindi possiamo anche usare la stessa sintassi ma passiamo un argomento e questo cambierà il valore di un input.
Quindi andiamo al nostro input di testo qui e ho intenzione di cancellare la console e andremo avanti e
selezionare questo input di testo.
Quindi un input per il simbolo del dollaro è fatto così e quindi eseguiremo Val senza argomenti.
E in questo momento ci darebbe una stringa vuota perché il valore qui è una stringa vuota.
Non c'è niente lì dentro.
Quindi se scriviamo qualcosa come il mio nome e poi chiediamo il valore che ci dice freddo acciaio.
Quindi qualunque cosa sia qui viene afferrata quando siamo in esecuzione e poi, come tutti gli altri metodi che
abbiamo visto, fungerà anche da metodo setter.
Quindi se passo in qualcosa di simile a un acciaio arrugginito e premo invio, posso vedere che aggiorna l'input
per dire ancora resti.
Ci si potrebbe chiedere quando effettivamente scriveremo codice per aggiornare un input.
Di solito permettiamo ad un utente di aggiornare l'input.
L'unico caso di uso comune a cui posso pensare è se volessimo cancellare il valore.
Quindi, se questa era una lista delle cose da fare e volevamo che l'utente fosse in grado di
aggiungere nuove Candie o qualcosa potrei digitare in jelly bean che sono sopravvalutati e allora siamo entrati in hit e vogliamo aggiungere un nuovo
alleato e poi vogliamo eliminare cosa c'è dentro di qui.
Useremmo il punto.
Quindi ti mostrerò.
Sembra proprio questo
E poi lo imposterai su una stringa vuota e questo cancellerebbe il contenuto al suo interno, così lo faremo effettivamente
quando creeremo il nostro elenco di cose da fare.
Useremo Vau con una stringa vuota per reimpostare il testo e mettere.
L'ultima cosa che menzionerò è che Darvell funziona su tutti gli elementi che hanno un attributo value.
Quindi non sono solo gli input con testo di tipo call, sono cose come checkbox e colore
per gli input a colori, ma include anche menu a discesa che posso andare avanti e
scrivere creerà un nuovo menu a tendina che è un elemento select e quindi all'interno di questa selezione aggiungiamo opzioni e ogni opzione rappresenta una scelta.
Quindi le nostre opzioni conterranno alcuni degli animali domestici più popolari del paese come struzzo, tartaruga e
rospo.
OK e salveremo e aggiorneremo la pagina e vedremo che ora abbiamo un menu a discesa con tre
scelte e se voglio sapere quale scelta l'utente ha selezionato potrei andare qui e non selezionare solo
input Di Più.
Avrei bisogno di selezionare o selezionare quale mi darà quel menu a tendina e poi eseguirò Vau su quello
e mi dice che l'utente ha selezionato il rospo Va bene.
attributo e quindi fĂźlle viene utilizzato per recuperare il valore o impostare il valore di qualsiasi tipo di input o menu a discesa.
Quindi per concludere 80 TR viene utilizzato per accedere a qualsiasi attributo specifico che vogliamo o per impostare un
Tutto ok