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

2
00:00:00,470 --> 00:00:03,760
>> SPEAKER: Mari kita memperbaiki yang lalu
misalnya dengan menggunakan populer JavaScript

3
00:00:03,760 --> 00:00:07,520
perpustakaan disebut jQuery yang akan memungkinkan
kita untuk membersihkan kode kami sementara masih

4
00:00:07,520 --> 00:00:11,010
menghindari masalah yang kami temui
sebelumnya dimana beberapa kode yang saya tulis

5
00:00:11,010 --> 00:00:15,600
dieksekusi prematur sebelum
elemen yang saya butuhkan ada di DOM

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

7
00:00:17,530 --> 00:00:22,120
>> Perhatikan di sini di dom-2.html, saya memiliki
tag script sudah dengan atribut

8
00:00:22,120 --> 00:00:26,460
dari sumber yang nilainya URL dari
versi terbaru dari library ini.

9
00:00:26,460 --> 00:00:30,220
Di bawah bahwa saya memiliki tag script yang terpisah
dengan tidak ada sumber tapi di mana aku sudah meninggalkan

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

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

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

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

14
00:00:43,330 --> 00:00:46,700
Dengan kata lain, aku hanya lewat sebagai
argumen untuk fungsi yang disebut

15
00:00:46,700 --> 00:00:50,690
jQuery dokumen, global
variabel, yang sudah ada di dalam

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

17
00:00:52,100 --> 00:00:57,400
>> Kemudian mari kita lakukan. Siap, memanggil fungsi
atau metode yang menentukan bahwa

18
00:00:57,400 --> 00:01:01,290
potongan kode berikut harus
dieksekusi hanya sekali seluruh dokumen

19
00:01:01,290 --> 00:01:04,750
siap, khususnya ini
fungsi anonim di sini.

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

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", yang menentukan bahwa saya ingin
untuk mendapatkan elemen dari DOM saya

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

23
00:01:16,370 --> 00:01:19,990
Dan kemudian setelah kita sudah itu, mari kita
mendaftar dengan itu sebuah event handler untuk

24
00:01:19,990 --> 00:01:25,250
submit acara dengan menentukan. menyerahkan,
melewati itu anonim

25
00:01:25,250 --> 00:01:29,370
fungsi yang mengharapkan satu argumen
bahwa kita akan menelepon acara, yang

26
00:01:29,370 --> 00:01:32,230
akhirnya hanya akan menjadi referensi
macam ke aktual

27
00:01:32,230 --> 00:01:36,030
Acara penyerahan hanya dalam kasus kami akan
ingin mengakses secara langsung.

28
00:01:36,030 --> 00:01:40,470
>> Sementara itu, mari kita tentukan penjepit terbuka dan
brace dekat dan dalam mereka

29
00:01:40,470 --> 00:01:44,140
kawat gigi, mari kita benar-benar menulis kode
bahwa kita ingin dijalankan ketika formulir ini

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

31
00:01:45,210 --> 00:01:54,810
waspada "halo," dan mari kita menyatukan on
sehingga hasil dari panggilan $ "# nama"

32
00:01:54,810 --> 00:01:58,880
yang menentukan bahwa saya ingin mendapatkan
elemen di DOM saya yang unik

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

34
00:02:00,750 --> 00:02:04,790
Dan mari kita memanggil fungsi dalam
bahwa objek yang disebut val yang mendapat

35
00:02:04,790 --> 00:02:07,370
nilai tekstual yang
pengguna diketik masuk

36
00:02:07,370 --> 00:02:11,270
Dan mari kita menyatukan on sehingga, hanya
untuk bersenang-senang, tanda seru.

37
00:02:11,270 --> 00:02:14,610
>> Terakhir, bukan hanya kembali palsu sebagai
kami sebelumnya, mari kita sedikit lebih

38
00:02:14,610 --> 00:02:18,750
eksplisit dan menentukan bahwa mengingat bahwa
objek acara, kami ingin mencegah nya

39
00:02:18,750 --> 00:02:22,480
perilaku default dengan secara khusus menyebut
fungsi atau metode yang disebut

40
00:02:22,480 --> 00:02:24,190
mencegah default sebagai 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 menyimpan file dan
membukanya di browser 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 bentuk itu.

47
00:02:41,410 --> 00:02:42,720
Mari kita masukan David.

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

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