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.