1
00:00:00,210 --> 00:00:04,980
Bem-vindo Bem-vindo neste vídeo, vamos falar sobre alguns dos outros métodos comuns

2
00:00:05,070 --> 00:00:07,430
de J Querrey que queremos usar.

3
00:00:07,470 --> 00:00:11,940
Então, aqui estão os sete métodos que eu quero discutir e o jeito que vou fazer aqui

4
00:00:11,940 --> 00:00:14,750
é que vou fazer um arquivo HTML que já tenha.

5
00:00:15,090 --> 00:00:17,700
Ligue para esse método estudar Timo.

6
00:00:17,880 --> 00:00:22,530
E então vou adicionar em minha idade básica L e eu vou chamar isso de J.

7
00:00:22,560 --> 00:00:25,380
Métodos da Queery no título.

8
00:00:25,380 --> 00:00:31,950
do último exercício apenas para que eu não tenha que passar por esse processo inteiro, então eu vou usar o Cdn.

9
00:00:31,950 --> 00:00:35,800
E eu vou simplesmente roubar o CD e o script que adicionei

10
00:00:36,090 --> 00:00:40,360
E então vou adicionar alguns HTL aqui com os quais vamos trabalhar e vou usar esse H. T.

11
00:00:40,400 --> 00:00:43,340
boca para demonstrar como funcionam todos esses métodos.

12
00:00:43,560 --> 00:00:45,750
E, como sempre, eu encorajo você a seguir.

13
00:00:45,960 --> 00:00:51,420
Então, a primeira coisa que eu vou fazer é adicionar algum H a ele,

14
00:00:51,800 --> 00:01:03,510
tudo em ter um H1 e apenas dirá a página de demonstração de métodos do J Query e depois adicionaremos uma entrada de texto e colocamos o tipo igual ao

15
00:01:03,510 --> 00:01:09,320
texto e nós " Dá-lhe um espaço reservado que apenas diz seu nome assim.

16
00:01:09,420 --> 00:01:20,160
maior e, em seguida, vamos adicionar um bem novamente com alguns aliados e esses aliados serão diferentes tipos de doces.

17
00:01:20,160 --> 00:01:22,060
Faça isso um pouco

18
00:01:22,260 --> 00:01:28,780
Então vamos ter skittles e starburst e twix.

19
00:01:29,190 --> 00:01:33,040
Ok, então, três tipos de doces em vez de Elyse em vez de um único.

20
00:01:33,170 --> 00:01:39,210
Bem, vamos começar com isso e vamos abri-lo no navegador, ver o que estamos trabalhando.

21
00:01:39,210 --> 00:01:39,890
Tudo bem.

22
00:01:40,170 --> 00:01:42,890
E abriremos o console para verificar novamente que temos.

23
00:01:42,900 --> 00:01:45,970
Jay Querrey Então, há muitas maneiras de fazer isso.

24
00:01:46,080 --> 00:01:52,860
Jake onde podemos fazer sinal de dólar e selecionar H-1 e garantir que obtenhamos o direito cada um que fazemos.

25
00:01:53,070 --> 00:01:53,920
Podemos digitar

26
00:01:54,150 --> 00:01:58,200
Então, agora sabemos que a consulta J está corretamente adicionada à nossa página.

27
00:01:58,230 --> 00:01:58,730
Tudo bem.

28
00:01:58,980 --> 00:02:02,250
Então, o primeiro método que eu quero falar é chamado de texto.

29
00:02:02,310 --> 00:02:07,410
Eu vou para a documentação do J CT e mostro como você pode encontrar métodos específicos.

30
00:02:07,410 --> 00:02:13,260
Então, o que eu gosto de fazer é apenas acessar a página inicial da documentação da API e isso realmente contém

31
00:02:13,260 --> 00:02:14,410
todos os métodos aqui.

32
00:02:14,430 --> 00:02:16,050
Então, estamos procurando por texto.

33
00:02:16,110 --> 00:02:20,330
Geralmente, eu faria um comando f apenas para pesquisar a página por texto.

34
00:02:20,390 --> 00:02:23,720
Então, quando mostrar-lhe quantos existem e, como você pode ver, há alguns poucos.

35
00:02:24,420 --> 00:02:29,070
E vamos chegar ao texto aqui embaixo.

36
00:02:29,070 --> 00:02:36,060
TEXTO E vou abrir isso e o que nos diz é que obtém o conteúdo de texto combinado de

37
00:02:36,360 --> 00:02:40,270
cada elemento no conjunto de elementos correspondentes, incluindo seus descendentes.

38
00:02:40,440 --> 00:02:44,340
Ou podemos usá-lo para definir o conteúdo do texto dos elementos correspondentes.

39
00:02:44,340 --> 00:02:47,310
Pense nisso como a versão J Querrey do conteúdo do texto.

40
00:02:47,730 --> 00:02:50,420
Então, os documentos de J Querrey sempre têm bons exemplos.

41
00:02:50,580 --> 00:02:55,950
Você pode ver aqui que eles têm algum outro tim, e eles estão selecionando a div com a

42
00:02:55,950 --> 00:03:02,940
classe de contêiner de demonstração que é essa div e executando o texto de ponto nela e eles dizem que isso poderia produzir esse

43
00:03:02,970 --> 00:03:03,390
resultado aqui.

44
00:03:03,540 --> 00:03:08,350
Então, toda a caixa de demonstração de texto lista item 1 item de lista 2.

45
00:03:08,640 --> 00:03:10,850
Funciona apenas como conteúdo de texto em baunilha.

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

47
00:03:11,610 --> 00:03:12,980
Então eu vou demonstrar isso.

48
00:03:13,230 --> 00:03:21,930
H-1 nesse texto e isso apenas nos diz que o texto da H-1 é a página de demonstração de métodos de Jay Querrey.

49
00:03:22,140 --> 00:03:25,760
Vamos ampliar um pouco e podemos fazer algo assim no

50
00:03:26,070 --> 00:03:28,590
Eu poderia fazer o mesmo selecionando o

51
00:03:31,400 --> 00:03:37,510
texto de ponto UL e isso me dá todo o conteúdo do texto em vez da UL.

52
00:03:37,590 --> 00:03:41,500
Então, tira todos os elementos e só me dá o texto.

53
00:03:41,940 --> 00:03:46,130
Outra coisa que podemos fazer é tentar fazê-lo em aliado.

54
00:03:46,680 --> 00:03:52,650
Então eu vou selecionar todos os aliados e lembre-se que me dará uma lista de três aliados

55
00:03:52,650 --> 00:03:55,890
e então eu vou executar esse texto sobre isso.

56
00:03:55,890 --> 00:04:02,490
O que isso vai fazer é me dar todo o texto para todos os aliados e ele retornará uma seqüência de caracteres.

57
00:04:02,490 --> 00:04:07,170
A outra coisa que podemos fazer com o texto que o tornará realmente útil é que podemos passar

58
00:04:07,170 --> 00:04:10,210
um valor e esse valor realmente atualizará o que é o texto.

59
00:04:10,230 --> 00:04:18,330
Então eu posso fazer algo como H-1 que o texto e mudá-lo para um novo texto com alguns pontos de exclamação e

60
00:04:18,330 --> 00:04:19,110
pressione enter.

61
00:04:19,410 --> 00:04:25,290
E isso muda o que foi selecionado de modo que o conteúdo do texto seja um novo texto.

62
00:04:25,290 --> 00:04:32,630
Então, agora, se eu executar um texto sem nenhum argumento, ele me diz que agora é um novo texto.

63
00:04:32,970 --> 00:04:39,150
E o que é realmente legal em relação a uma consulta como vimos com C Ss é que podemos aplicar algo a uma coleção e

64
00:04:39,150 --> 00:04:41,010
não temos que fazer um loop manualmente.

65
00:04:41,040 --> 00:04:53,700
Então, se eu quisesse obter todo o texto de mentiras e mudá-lo para o cão do resfriado e resfriado, é adorável, o que

66
00:04:54,390 --> 00:04:55,410
é verdade.

67
00:04:56,250 --> 00:04:57,550
E eu entrei no enter.

68
00:04:57,600 --> 00:05:02,640
Isso mudará o texto de três allys para ser frio, o cão é adorável.

69
00:05:02,910 --> 00:05:05,100
Então, definitivamente, isso é realmente útil.

70
00:05:05,100 --> 00:05:11,370
O que nós teríamos que fazer com a baunilha sim é selecionar todos os aliados de três alinhamentos com um

71
00:05:11,370 --> 00:05:16,490
loop for e para cada um definir o conteúdo do texto como papelão enferrujado é adorável.

72
00:05:16,500 --> 00:05:16,800
Tudo bem.

73
00:05:16,830 --> 00:05:18,590
Então esse é o método do texto.

74
00:05:18,630 --> 00:05:25,210
O próximo com o qual eu quero falar é o HMO, então você provavelmente pode reunir que h tim l trabalha como

75
00:05:25,240 --> 00:05:25,970
idosos internos.

76
00:05:26,220 --> 00:05:28,370
E vou fazer uma pesquisa aqui para a HMO.

77
00:05:28,410 --> 00:05:29,390
Aí está.

78
00:05:30,180 --> 00:05:36,450
E lê-lo aqui diz que obtém o conteúdo HMO do primeiro elemento no conjunto de elementos

79
00:05:36,810 --> 00:05:40,760
correspondentes ou define os conteúdos HMO de cada elemento correspondente.

80
00:05:41,040 --> 00:05:44,540
Então vamos voltar ao nosso código aqui e vou atualizar.

81
00:05:44,760 --> 00:05:50,080
Então, restabelecemos o nosso código e eu vou pedir o h m l deste ul.

82
00:05:50,130 --> 00:06:00,320
Então eu seleciono UL dot old humo e isso acabará por recuperar o interior do ele fora da UL.

83
00:06:00,480 --> 00:06:07,560
Então, o método de texto corresponde à propriedade de conteúdo do texto e M L corresponde ao interior dele, como antes, eu posso realmente fornecer um

84
00:06:08,520 --> 00:06:16,290
argumento para esse HMO e isso irá atualizar o H. T. descontente.

85
00:06:16,860 --> 00:06:27,150
Então, vou atualizar o UIL para ser um novo aliado por dentro que diz que eu pirateei sua UL

86
00:06:27,150 --> 00:06:30,600
assim como aquelas para os aliados.

87
00:06:30,630 --> 00:06:31,890
Então vou duplicar isso e

88
00:06:35,100 --> 00:06:36,240
colar isso de volta.

89
00:06:36,330 --> 00:06:41,380
E este outro aliado irá dizer que Rusty ainda é adorável.

90
00:06:42,060 --> 00:06:50,260
Então, temos um aliado dois aliados em vez de uma string e estamos atualizando a UL.

91
00:06:50,300 --> 00:06:51,300
Clique em Enter.

92
00:06:51,510 --> 00:06:54,160
E você pode ver que ele atualiza o enfurecido.

93
00:06:54,590 --> 00:06:58,910
E se tivéssemos vários Juelz nesta página, seria atualizado os dois.

94
00:06:59,370 --> 00:07:08,910
Então, por exemplo, se eu selecionar ambos os aliados com Dollar Sign ally e eu altero o e-mail de idade

95
00:07:08,910 --> 00:07:22,470
para ser uma marca de âncora e assim como essa marca de âncora e teremos um Tref igual a Google dot com e depois me clicar para ir

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

97
00:07:23,460 --> 00:07:26,850
Estamos atualizando o conteúdo do correio HD dentro disso.

98
00:07:26,850 --> 00:07:34,020
E se eu entrar em Enter, você pode ver que atualiza os dois aliados para refletir esse novo conteúdo.

99
00:07:34,020 --> 00:07:35,130
Uma nota lateral rápida.

100
00:07:35,280 --> 00:07:40,110
Você pode pensar que podemos usar o texto para fazer o mesmo, mas na verdade não

101
00:07:40,110 --> 00:07:47,070
podemos e é porque o texto é considerado Tomales seguro, o que significa que não vai tratar o que você passa como HMO.

102
00:07:47,130 --> 00:07:48,790
Vai tratá-lo como texto.

103
00:07:49,020 --> 00:07:50,180
Então, vou mostrar o que quero dizer.

104
00:07:50,250 --> 00:07:58,850
ser o que realmente fará é me dar o texto para que ele não o trate como envelhecer bem o que é realmente um bem.

105
00:07:58,950 --> 00:08:02,500
Se eu tentar e alterar o texto de ALWIS para

106
00:08:02,790 --> 00:08:08,400
Se queríamos que um usuário digitar algo na caixa de texto e quando ele ou ela entrou,

107
00:08:08,400 --> 00:08:15,090
queríamos adicionar um novo aliado com o que escrevi aqui, o usuário poderia potencialmente escrever seu próprio time aqui e bagunçar

108
00:08:15,090 --> 00:08:20,260
o nosso site ou, pior ainda Ele ou ela poderia escrever algum javascript e executar isso.

109
00:08:20,430 --> 00:08:22,830
Então, se nós estamos deixando nosso usuário digitar algo.

110
00:08:22,830 --> 00:08:26,790
Nós não queremos apenas tratá-lo como HVM Bem, geralmente queremos tratá-lo como texto