1
00:00:00,000 --> 00:00:00,470

2
00:00:00,470 --> 00:00:03,760
>> SPEAKER: Mari kita memperbaiki yang lepas
contoh dengan menggunakan JavaScript popular

3
00:00:03,760 --> 00:00:07,520
perpustakaan dipanggil jQuery yang akan membolehkan
kami mengemaskinikan kod kami semasa masih

4
00:00:07,520 --> 00:00:11,010
mengelakkan isu ini kita dihadapi
sebelum ini di mana beberapa kod yang saya tulis

5
00:00:11,010 --> 00:00:15,600
telah dilaksanakan lebih awal sebelum
unsur-unsur saya perlu wujud dalam DOM yang

6
00:00:15,600 --> 00:00:17,530
benar-benar wujud.

7
00:00:17,530 --> 00:00:22,120
>> Perhatikan di sini di dom-2.html, saya mempunyai
skrip tag sudah dengan sesuatu sifat

8
00:00:22,120 --> 00:00:26,460
sumber yang nilainya URL yang
Versi terbaru perpustakaan ini.

9
00:00:26,460 --> 00:00:30,220
Di bawah yang saya mempunyai tag skrip yang berasingan
tanpa sumber tetapi di mana saya telah meninggalkan

10
00:00:30,220 --> 00:00:32,590
bilik untuk benar-benar menulis
beberapa kod saya sendiri.

11
00:00:32,590 --> 00:00:36,690
Kod saya ingin menulis adalah seperti
berikut, $, yang benar-benar hanya

12
00:00:36,690 --> 00:00:40,510
notasi trengkas untuk jQuery
sendiri, (dokumen).

13
00:00:40,510 --> 00:00:43,330

14
00:00:43,330 --> 00:00:46,700
Dalam erti kata lain, saya hanya lulus sebagai
hujah ke fungsi yang dipanggil

15
00:00:46,700 --> 00:00:50,690
jQuery dokumen itu, global
berubah-ubah, yang sudah wujud di dalam

16
00:00:50,690 --> 00:00:52,100
mana-mana halaman web.

17
00:00:52,100 --> 00:00:57,400
>> Kemudian mari kita buat. Siap, memanggil fungsi yang
atau kaedah yang menyatakan bahawa

18
00:00:57,400 --> 00:01:01,290
sebahagian kod berikut perlu
dilaksanakan hanya sekali keseluruhan dokumen

19
00:01:01,290 --> 00:01:04,750
sedia, khusus ini
fungsi tanpa nama di sini.

20
00:01:04,750 --> 00:01:07,450

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", yang menyatakan bahawa saya ingin
untuk mendapatkan unsur dari DOM saya

22
00:01:14,210 --> 00:01:16,370
siapa yang pengecam unik adalah demo.

23
00:01:16,370 --> 00:01:19,990
Dan kemudian sebaik sahaja kami telah mendapat itu, mari kita
mendaftar dengan suatu pengendali peristiwa untuk

24
00:01:19,990 --> 00:01:25,250
Hantar acara dengan menentukan. mengemukakan,
lulus dengan tanpa nama

25
00:01:25,250 --> 00:01:29,370
fungsi yang menjangka satu hujah
yang kita akan panggil acara, yang merupakan

26
00:01:29,370 --> 00:01:32,230
akhirnya hanya akan menjadi rujukan
kejayaannya untuk sebenar

27
00:01:32,230 --> 00:01:36,030
acara penyerahan hanya dalam kes kita akan
suka untuk mengakses yang secara langsung.

28
00:01:36,030 --> 00:01:40,470
>> Sementara itu, mari kita menentukan pendakap terbuka dan
pendakap rapat dan dalam mereka

29
00:01:40,470 --> 00:01:44,140
pendakap, mari kita sebenarnya menulis kod
yang kita mahu dilaksanakan apabila borang ini

30
00:01:44,140 --> 00:01:45,210
dikemukakan.

31
00:01:45,210 --> 00:01:54,810
memberi amaran kepada "hello," dan mari kita concatenate pada
supaya hasil daripada memanggil $ "# Nama"

32
00:01:54,810 --> 00:01:58,880
yang menyatakan bahawa saya ingin mendapatkan
elemen dalam DOM saya yang unik

33
00:01:58,880 --> 00:02:00,750
pengecam adalah nama.

34
00:02:00,750 --> 00:02:04,790
Dan mari kita kini memanggil fungsi dalam
objek yang dipanggil Val yang mendapat

35
00:02:04,790 --> 00:02:07,370
nilai teks yang
pengguna ditaip masuk

36
00:02:07,370 --> 00:02:11,270
Dan mari kita concatenate pada supaya, hanya
untuk keseronokan, tanda seru.

37
00:02:11,270 --> 00:02:14,610
>> Akhir sekali, bukan hanya pulangan palsu sebagai
kami tidak sebelum ini, mari kita menjadi sedikit lebih

38
00:02:14,610 --> 00:02:18,750
yang jelas dan menentukan bahawa memandangkan
objek event, kami tidak akan digunakan untuk yang

39
00:02:18,750 --> 00:02:22,480
lalai tingkah laku dengan secara khusus memanggil
fungsi atau kaedah yang dipanggil

40
00:02:22,480 --> 00:02:24,190
mengelakkan lalai seperti berikut.

41
00:02:24,190 --> 00:02:25,440
event.preventDefault.

42
00:02:25,440 --> 00:02:27,760

43
00:02:27,760 --> 00:02:30,080
Sekarang mari kita simpan fail tersebut dan
membukanya dalam pelayar saya.

44
00:02:30,080 --> 00:02:33,240

45
00:02:33,240 --> 00:02:40,120
http://localhost/dom-2.html

46
00:02:40,120 --> 00:02:41,410
>> Ada borang itu.

47
00:02:41,410 --> 00:02:42,720
Mari kita input Daud.

48
00:02:42,720 --> 00:02:45,040
Mengklik Hantar dan hello,
David kembali.

49
00:02:45,040 --> 00:02:48,299