>> SPEAKER: Mari kita memperbaiki yang lalu misalnya dengan menggunakan populer JavaScript
perpustakaan disebut jQuery yang akan memungkinkan kita untuk membersihkan kode kami sementara masih
menghindari masalah yang kami temui sebelumnya dimana beberapa kode yang saya tulis
dieksekusi prematur sebelum elemen yang saya butuhkan ada di DOM
benar-benar ada.
>> Perhatikan di sini di dom-2.html, saya memiliki tag script sudah dengan atribut
dari sumber yang nilainya URL dari versi terbaru dari library ini.
Di bawah bahwa saya memiliki tag script yang terpisah dengan tidak ada sumber tapi di mana aku sudah meninggalkan
ruang untuk benar-benar menulis beberapa kode saya sendiri.
Kode saya ingin menulis adalah sebagai berikut, $, yang benar-benar hanya
notasi singkat untuk jQuery sendiri, (document).
Dengan kata lain, aku hanya lewat sebagai argumen untuk fungsi yang disebut
jQuery dokumen, global variabel, yang sudah ada di dalam
dari setiap halaman web.
>> Kemudian mari kita lakukan. Siap, memanggil fungsi atau metode yang menentukan bahwa
potongan kode berikut harus dieksekusi hanya sekali seluruh dokumen
siap, khususnya ini fungsi anonim di sini.
$ "# Demo", yang menentukan bahwa saya ingin untuk mendapatkan elemen dari DOM saya
siapa yang identifier unik adalah demo.
Dan kemudian setelah kita sudah itu, mari kita mendaftar dengan itu sebuah event handler untuk
submit acara dengan menentukan. menyerahkan, melewati itu anonim
fungsi yang mengharapkan satu argumen bahwa kita akan menelepon acara, yang
akhirnya hanya akan menjadi referensi macam ke aktual
Acara penyerahan hanya dalam kasus kami akan ingin mengakses secara langsung.
>> Sementara itu, mari kita tentukan penjepit terbuka dan brace dekat dan dalam mereka
kawat gigi, mari kita benar-benar menulis kode bahwa kita ingin dijalankan ketika formulir ini
disampaikan.
waspada "halo," dan mari kita menyatukan on sehingga hasil dari panggilan $ "# nama"
yang menentukan bahwa saya ingin mendapatkan elemen di DOM saya yang unik
identifier adalah nama.
Dan mari kita memanggil fungsi dalam bahwa objek yang disebut val yang mendapat
nilai tekstual yang pengguna diketik masuk
Dan mari kita menyatukan on sehingga, hanya untuk bersenang-senang, tanda seru.
>> Terakhir, bukan hanya kembali palsu sebagai kami sebelumnya, mari kita sedikit lebih
eksplisit dan menentukan bahwa mengingat bahwa objek acara, kami ingin mencegah nya
perilaku default dengan secara khusus menyebut fungsi atau metode yang disebut
mencegah default sebagai berikut.
event.preventDefault.
Sekarang mari kita menyimpan file dan membukanya di browser saya.
http://localhost/dom-2.html
>> Ada bentuk itu.
Mari kita masukan David.
Mengklik Kirim dan halo, David kembali.