Già Bentornato in questo video parleremo di alcuni degli altri metodi comuni
di J Querrey che vorremmo usare.
Quindi ecco i sette metodi che voglio discutere e il modo in cui lo farò
qui è che creerò un file HTML che già possiede.
Io chiamo quel metodo studiare Timo.
E poi aggiungerò nella mia età di base L e lo chiamerò semplicemente J.
Metodi di Queery nel titolo.
che ho aggiunto dall'ultimo esercizio solo così non devo passare attraverso tutto il processo quindi userò solo il Cdn.
E ho intenzione di rubare solo il CD e lo script
E poi aggiungerò un HTL qui con cui lavoreremo e userò questo H. T.
bocca per dimostrare come funzionano tutti questi metodi.
E come sempre ti incoraggio a seguire.
Quindi la prima cosa che farò è aggiungergli un po 'di H
in H1 e dirà semplicemente la pagina demo dei metodi di J Query e poi aggiungeremo un input di testo e inseriremo il tipo equals text
e we' Gli darò un segnaposto che dice semplicemente il tuo nome proprio così.
'più grande e poi aggiungeremo di nuovo un pozzo con alcuni alleati e questi alleati saranno diversi tipi di caramelle.
Rendila un po
Quindi avremo birilli e starburst e twix.
OK, quindi tre tipi di caramelle invece di Elyse invece di un singolo.
Bene, iniziamo con questo e apriamolo nel browser per vedere con cosa stiamo lavorando.
Tutto ok.
E apriremo la console per ricontrollare che abbiamo.
Jay Querrey Quindi ci sono molti modi in cui possiamo farlo.
Jake dove possiamo fare il simbolo del dollaro e selezionare H-1 e assicurarci di ottenere quello giusto ognuno di noi.
Possiamo digitare
Quindi ora sappiamo che la query J è stata aggiunta correttamente alla nostra pagina.
Tutto ok.
Quindi il primo metodo di cui voglio parlare si chiama testo.
Vado alla documentazione di J CT e ti mostro come puoi trovare metodi specifici.
Quindi quello che mi piace fare è andare alla home page della documentazione dell'API e questo in realtà contiene
ogni singolo metodo qui.
Quindi stiamo cercando il testo.
Solitamente eseguivo un comando f solo per cercare nella pagina il testo.
Quindi quando mostrarti quanti ce ne sono e come puoi vedere ce ne sono parecchi.
E arriveremo a mandare messaggi qui, qui.
TESTO E lo aprirò e ciò che ci dice è che ottiene il contenuto del testo combinato di ciascun
elemento nel set di elementi corrispondenti compresi i loro discendenti.
O possiamo usarlo per impostare il contenuto del testo degli elementi abbinati.
Pensala come la versione di Querrey del contenuto testuale.
Quindi i documenti di J Querrey hanno sempre dei buoni esempi.
Puoi vedere qui che hanno un po 'di tempo in più e stanno selezionando il div con
la classe del contenitore demo che è questo div e il testo puntato su di esso e dicono che potrebbe produrre questo
risultato qui.
Quindi tutta la casella di dimostrazione del testo elenca un elemento della lista 2.
Funziona proprio come il contenuto del testo in vanilla.
Sì.
Quindi lo dimostrerò.
simile su H-1 su quel testo e questo ci dice che il testo dell'H-1 è la pagina demo dei metodi di Jay Querrey.
Facciamo un po 'di zoom e possiamo fare qualcosa di
Potrei fare la stessa cosa selezionando
il testo del punto UL e questo mi dà tutto il contenuto del testo anziché l'UL.
Quindi toglie tutti gli elementi e mi dà solo il testo.
Un'altra cosa che potremmo fare è provare a farlo alleato.
Quindi selezionerò tutti gli alleati e ricorderò che mi darò una lista di tre
alleati e poi scriverò quel testo su quello.
Ciò che questo farà è darmi tutto il testo per tutti gli alleati e restituirà una stringa.
L'altra cosa che possiamo fare con il testo che lo renderà davvero utile è che possiamo
passare un valore e quel valore aggiornerà effettivamente il testo.
Quindi posso fare qualcosa come H-1 quel testo e cambiarlo in un nuovo testo con alcuni punti esclamativi e
premere invio.
E questo cambia quello che è stato selezionato in modo che il contenuto del testo sia un nuovo testo.
Quindi ora se ho eseguito un solo testo senza argomenti, mi viene detto che ora è un nuovo testo.
E ciò che è veramente interessante in una query, come abbiamo visto con C Ss, è che possiamo applicare qualcosa a una collezione
e non dobbiamo eseguire il ciclo manualmente.
Quindi, se volevo ottenere tutto il testo delle bugie e cambiarlo nella stringa, il cane del raffreddore arrugginito è adorabile, il che
è vero.
E ho colpito invio.
Questo cambierà tutti e tre i testi di allys in modo che il cane di Cold Rusty sia adorabile.
Quindi è decisamente molto utile.
Quello che dovremmo fare con vaniglia si è selezionare tutti e tre gli alleati in loop con un ciclo
for e per ognuno impostare il contenuto del testo su un cartoncino arrugginito è adorabile.
Tutto ok.
Quindi questo è il metodo di testo.
Il prossimo di cui voglio parlare è HMO, quindi probabilmente puoi capire che lavoro funziona proprio come
l'età interiore.
E farò solo una ricerca qui per HMO.
Eccolo.
E leggere qui dice che ottiene i contenuti HMO del primo elemento nel set di elementi
corrispondenti o imposta i contenuti HMO di ogni elemento abbinato.
Quindi torniamo al nostro codice qui e ho intenzione di aggiornare.
Quindi ripristiniamo il nostro codice e chiederò l'hm di questo ul.
Quindi seleziono l'umo invecchiato a punti UL e questo lo recupererà solo dall'UL.
Quindi il metodo testuale corrisponde alla proprietà del contenuto del testo e M L corrisponde al suo interno invecchiato come prima, in realtà posso
fornire un argomento a quell'HMO e questo aggiornerà l'H. T. malcontento.
Quindi aggiornerò l'uscita della UIL per essere un nuovo alleato all'interno di lì che dice che ho hackerato il tuo
UL proprio così e quelli agli alleati.
Quindi ho intenzione di duplicare
questo e incollarlo indietro.
E questo altro alleato dirà che Rusty è ancora adorabile.
Quindi abbiamo un alleato di due alleati invece di una stringa e stiamo aggiornando l'UL.
Hit enter.
E puoi vedere che aggiorna l'infuriato di lui.
E se avessimo più Juelz in questa pagina, aggiorneremmo entrambi.
Quindi, per esempio, se seleziono entrambi gli alleati con l'alleato Dollar Sign e cambio l'età della posta come tag
di ancoraggio e proprio come quel tag di ancoraggio e avremo un Tref uguale a Google dot com e poi clicco su di me per andare su
Google.
Stiamo aggiornando il contenuto della posta HD all'interno di questo.
E se premo invio, puoi vedere che aggiorna entrambi gli alleati per riflettere ora quel nuovo contenuto.
Una rapida nota a margine.
Potresti pensare che potremmo usare il testo per fare la stessa cosa, ma in realtà non
possiamo farlo e questo perché il testo è considerato sicuro da Tomales, il che significa che non tratterà ciò che tu passi come HMO.
Lo tratterà come testo.
Quindi ti mostrerò cosa intendo.
ciò che effettivamente farò è semplicemente darmi il testo in modo che non lo tratti come se fosse invecchiato bene, il che è una buona cosa in realtà.
Se provo a cambiare il testo di entrambi ALWIS in questo modo,
Se volessimo che un utente digitasse qualcosa nella casella di testo e quando lui o lei avesse premuto
Invio volevamo aggiungere un nuovo alleato con quello che ho digitato qui l'utente potrebbe potenzialmente scrivere la propria squadra qui e
rovinare il nostro sito o anche peggio lui o lei potrebbe scrivere qualche javascript e gestirlo.
Quindi se stiamo lasciando che il nostro utente digiti qualcosa.
Non vogliamo semplicemente trattarlo come HVM Beh, di solito vogliamo trattarlo come testo