1
00:00:00,210 --> 00:00:04,980
Già Bentornato in questo video parleremo di alcuni degli altri metodi comuni

2
00:00:05,070 --> 00:00:07,430
di J Querrey che vorremmo usare.

3
00:00:07,470 --> 00:00:11,940
Quindi ecco i sette metodi che voglio discutere e il modo in cui lo farò

4
00:00:11,940 --> 00:00:14,750
qui è che creerò un file HTML che già possiede.

5
00:00:15,090 --> 00:00:17,700
Io chiamo quel metodo studiare Timo.

6
00:00:17,880 --> 00:00:22,530
E poi aggiungerò nella mia età di base L e lo chiamerò semplicemente J.

7
00:00:22,560 --> 00:00:25,380
Metodi di Queery nel titolo.

8
00:00:25,380 --> 00:00:31,950
che ho aggiunto dall'ultimo esercizio solo così non devo passare attraverso tutto il processo quindi userò solo il Cdn.

9
00:00:31,950 --> 00:00:35,800
E ho intenzione di rubare solo il CD e lo script

10
00:00:36,090 --> 00:00:40,360
E poi aggiungerò un HTL qui con cui lavoreremo e userò questo H. T.

11
00:00:40,400 --> 00:00:43,340
bocca per dimostrare come funzionano tutti questi metodi.

12
00:00:43,560 --> 00:00:45,750
E come sempre ti incoraggio a seguire.

13
00:00:45,960 --> 00:00:51,420
Quindi la prima cosa che farò è aggiungergli un po 'di H

14
00:00:51,800 --> 00:01:03,510
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

15
00:01:03,510 --> 00:01:09,320
e we' Gli darò un segnaposto che dice semplicemente il tuo nome proprio così.

16
00:01:09,420 --> 00:01:20,160
'più grande e poi aggiungeremo di nuovo un pozzo con alcuni alleati e questi alleati saranno diversi tipi di caramelle.

17
00:01:20,160 --> 00:01:22,060
Rendila un po

18
00:01:22,260 --> 00:01:28,780
Quindi avremo birilli e starburst e twix.

19
00:01:29,190 --> 00:01:33,040
OK, quindi tre tipi di caramelle invece di Elyse invece di un singolo.

20
00:01:33,170 --> 00:01:39,210
Bene, iniziamo con questo e apriamolo nel browser per vedere con cosa stiamo lavorando.

21
00:01:39,210 --> 00:01:39,890
Tutto ok.

22
00:01:40,170 --> 00:01:42,890
E apriremo la console per ricontrollare che abbiamo.

23
00:01:42,900 --> 00:01:45,970
Jay Querrey Quindi ci sono molti modi in cui possiamo farlo.

24
00:01:46,080 --> 00:01:52,860
Jake dove possiamo fare il simbolo del dollaro e selezionare H-1 e assicurarci di ottenere quello giusto ognuno di noi.

25
00:01:53,070 --> 00:01:53,920
Possiamo digitare

26
00:01:54,150 --> 00:01:58,200
Quindi ora sappiamo che la query J è stata aggiunta correttamente alla nostra pagina.

27
00:01:58,230 --> 00:01:58,730
Tutto ok.

28
00:01:58,980 --> 00:02:02,250
Quindi il primo metodo di cui voglio parlare si chiama testo.

29
00:02:02,310 --> 00:02:07,410
Vado alla documentazione di J CT e ti mostro come puoi trovare metodi specifici.

30
00:02:07,410 --> 00:02:13,260
Quindi quello che mi piace fare è andare alla home page della documentazione dell'API e questo in realtà contiene

31
00:02:13,260 --> 00:02:14,410
ogni singolo metodo qui.

32
00:02:14,430 --> 00:02:16,050
Quindi stiamo cercando il testo.

33
00:02:16,110 --> 00:02:20,330
Solitamente eseguivo un comando f solo per cercare nella pagina il testo.

34
00:02:20,390 --> 00:02:23,720
Quindi quando mostrarti quanti ce ne sono e come puoi vedere ce ne sono parecchi.

35
00:02:24,420 --> 00:02:29,070
E arriveremo a mandare messaggi qui, qui.

36
00:02:29,070 --> 00:02:36,060
TESTO E lo aprirò e ciò che ci dice è che ottiene il contenuto del testo combinato di ciascun

37
00:02:36,360 --> 00:02:40,270
elemento nel set di elementi corrispondenti compresi i loro discendenti.

38
00:02:40,440 --> 00:02:44,340
O possiamo usarlo per impostare il contenuto del testo degli elementi abbinati.

39
00:02:44,340 --> 00:02:47,310
Pensala come la versione di Querrey del contenuto testuale.

40
00:02:47,730 --> 00:02:50,420
Quindi i documenti di J Querrey hanno sempre dei buoni esempi.

41
00:02:50,580 --> 00:02:55,950
Puoi vedere qui che hanno un po 'di tempo in più e stanno selezionando il div con

42
00:02:55,950 --> 00:03:02,940
la classe del contenitore demo che è questo div e il testo puntato su di esso e dicono che potrebbe produrre questo

43
00:03:02,970 --> 00:03:03,390
risultato qui.

44
00:03:03,540 --> 00:03:08,350
Quindi tutta la casella di dimostrazione del testo elenca un elemento della lista 2.

45
00:03:08,640 --> 00:03:10,850
Funziona proprio come il contenuto del testo in vanilla.

46
00:03:10,900 --> 00:03:11,580
Sì.

47
00:03:11,610 --> 00:03:12,980
Quindi lo dimostrerò.

48
00:03:13,230 --> 00:03:21,930
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.

49
00:03:22,140 --> 00:03:25,760
Facciamo un po 'di zoom e possiamo fare qualcosa di

50
00:03:26,070 --> 00:03:28,590
Potrei fare la stessa cosa selezionando

51
00:03:31,400 --> 00:03:37,510
il testo del punto UL e questo mi dà tutto il contenuto del testo anziché l'UL.

52
00:03:37,590 --> 00:03:41,500
Quindi toglie tutti gli elementi e mi dà solo il testo.

53
00:03:41,940 --> 00:03:46,130
Un'altra cosa che potremmo fare è provare a farlo alleato.

54
00:03:46,680 --> 00:03:52,650
Quindi selezionerò tutti gli alleati e ricorderò che mi darò una lista di tre

55
00:03:52,650 --> 00:03:55,890
alleati e poi scriverò quel testo su quello.

56
00:03:55,890 --> 00:04:02,490
Ciò che questo farà è darmi tutto il testo per tutti gli alleati e restituirà una stringa.

57
00:04:02,490 --> 00:04:07,170
L'altra cosa che possiamo fare con il testo che lo renderà davvero utile è che possiamo

58
00:04:07,170 --> 00:04:10,210
passare un valore e quel valore aggiornerà effettivamente il testo.

59
00:04:10,230 --> 00:04:18,330
Quindi posso fare qualcosa come H-1 quel testo e cambiarlo in un nuovo testo con alcuni punti esclamativi e

60
00:04:18,330 --> 00:04:19,110
premere invio.

61
00:04:19,410 --> 00:04:25,290
E questo cambia quello che è stato selezionato in modo che il contenuto del testo sia un nuovo testo.

62
00:04:25,290 --> 00:04:32,630
Quindi ora se ho eseguito un solo testo senza argomenti, mi viene detto che ora è un nuovo testo.

63
00:04:32,970 --> 00:04:39,150
E ciò che è veramente interessante in una query, come abbiamo visto con C Ss, è che possiamo applicare qualcosa a una collezione

64
00:04:39,150 --> 00:04:41,010
e non dobbiamo eseguire il ciclo manualmente.

65
00:04:41,040 --> 00:04:53,700
Quindi, se volevo ottenere tutto il testo delle bugie e cambiarlo nella stringa, il cane del raffreddore arrugginito è adorabile, il che

66
00:04:54,390 --> 00:04:55,410
è vero.

67
00:04:56,250 --> 00:04:57,550
E ho colpito invio.

68
00:04:57,600 --> 00:05:02,640
Questo cambierà tutti e tre i testi di allys in modo che il cane di Cold Rusty sia adorabile.

69
00:05:02,910 --> 00:05:05,100
Quindi è decisamente molto utile.

70
00:05:05,100 --> 00:05:11,370
Quello che dovremmo fare con vaniglia si è selezionare tutti e tre gli alleati in loop con un ciclo

71
00:05:11,370 --> 00:05:16,490
for e per ognuno impostare il contenuto del testo su un cartoncino arrugginito è adorabile.

72
00:05:16,500 --> 00:05:16,800
Tutto ok.

73
00:05:16,830 --> 00:05:18,590
Quindi questo è il metodo di testo.

74
00:05:18,630 --> 00:05:25,210
Il prossimo di cui voglio parlare è HMO, quindi probabilmente puoi capire che lavoro funziona proprio come

75
00:05:25,240 --> 00:05:25,970
l'età interiore.

76
00:05:26,220 --> 00:05:28,370
E farò solo una ricerca qui per HMO.

77
00:05:28,410 --> 00:05:29,390
Eccolo.

78
00:05:30,180 --> 00:05:36,450
E leggere qui dice che ottiene i contenuti HMO del primo elemento nel set di elementi

79
00:05:36,810 --> 00:05:40,760
corrispondenti o imposta i contenuti HMO di ogni elemento abbinato.

80
00:05:41,040 --> 00:05:44,540
Quindi torniamo al nostro codice qui e ho intenzione di aggiornare.

81
00:05:44,760 --> 00:05:50,080
Quindi ripristiniamo il nostro codice e chiederò l'hm di questo ul.

82
00:05:50,130 --> 00:06:00,320
Quindi seleziono l'umo invecchiato a punti UL e questo lo recupererà solo dall'UL.

83
00:06:00,480 --> 00:06:07,560
Quindi il metodo testuale corrisponde alla proprietà del contenuto del testo e M L corrisponde al suo interno invecchiato come prima, in realtà posso

84
00:06:08,520 --> 00:06:16,290
fornire un argomento a quell'HMO e questo aggiornerà l'H. T. malcontento.

85
00:06:16,860 --> 00:06:27,150
Quindi aggiornerò l'uscita della UIL per essere un nuovo alleato all'interno di lì che dice che ho hackerato il tuo

86
00:06:27,150 --> 00:06:30,600
UL proprio così e quelli agli alleati.

87
00:06:30,630 --> 00:06:31,890
Quindi ho intenzione di duplicare

88
00:06:35,100 --> 00:06:36,240
questo e incollarlo indietro.

89
00:06:36,330 --> 00:06:41,380
E questo altro alleato dirà che Rusty è ancora adorabile.

90
00:06:42,060 --> 00:06:50,260
Quindi abbiamo un alleato di due alleati invece di una stringa e stiamo aggiornando l'UL.

91
00:06:50,300 --> 00:06:51,300
Hit enter.

92
00:06:51,510 --> 00:06:54,160
E puoi vedere che aggiorna l'infuriato di lui.

93
00:06:54,590 --> 00:06:58,910
E se avessimo più Juelz in questa pagina, aggiorneremmo entrambi.

94
00:06:59,370 --> 00:07:08,910
Quindi, per esempio, se seleziono entrambi gli alleati con l'alleato Dollar Sign e cambio l'età della posta come tag

95
00:07:08,910 --> 00:07:22,470
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

96
00:07:22,470 --> 00:07:23,390
Google.

97
00:07:23,460 --> 00:07:26,850
Stiamo aggiornando il contenuto della posta HD all'interno di questo.

98
00:07:26,850 --> 00:07:34,020
E se premo invio, puoi vedere che aggiorna entrambi gli alleati per riflettere ora quel nuovo contenuto.

99
00:07:34,020 --> 00:07:35,130
Una rapida nota a margine.

100
00:07:35,280 --> 00:07:40,110
Potresti pensare che potremmo usare il testo per fare la stessa cosa, ma in realtà non

101
00:07:40,110 --> 00:07:47,070
possiamo farlo e questo perché il testo è considerato sicuro da Tomales, il che significa che non tratterà ciò che tu passi come HMO.

102
00:07:47,130 --> 00:07:48,790
Lo tratterà come testo.

103
00:07:49,020 --> 00:07:50,180
Quindi ti mostrerò cosa intendo.

104
00:07:50,250 --> 00:07:58,850
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à.

105
00:07:58,950 --> 00:08:02,500
Se provo a cambiare il testo di entrambi ALWIS in questo modo,

106
00:08:02,790 --> 00:08:08,400
Se volessimo che un utente digitasse qualcosa nella casella di testo e quando lui o lei avesse premuto

107
00:08:08,400 --> 00:08:15,090
Invio volevamo aggiungere un nuovo alleato con quello che ho digitato qui l'utente potrebbe potenzialmente scrivere la propria squadra qui e

108
00:08:15,090 --> 00:08:20,260
rovinare il nostro sito o anche peggio lui o lei potrebbe scrivere qualche javascript e gestirlo.

109
00:08:20,430 --> 00:08:22,830
Quindi se stiamo lasciando che il nostro utente digiti qualcosa.

110
00:08:22,830 --> 00:08:26,790
Non vogliamo semplicemente trattarlo come HVM Beh, di solito vogliamo trattarlo come testo