SPEAKER: Mari kita memperbaiki yang lepas contoh dengan menggunakan JavaScript popular perpustakaan dipanggil jQuery yang akan membolehkan kami mengemaskinikan kod kami semasa masih mengelakkan isu ini kita dihadapi sebelum ini di mana beberapa kod yang saya tulis telah dilaksanakan lebih awal sebelum unsur-unsur saya perlu wujud dalam DOM yang benar-benar wujud. 

Perhatikan di sini di dom-2.html, saya mempunyai skrip tag sudah dengan sesuatu sifat sumber yang nilainya URL yang Versi terbaru perpustakaan ini. Di bawah yang saya mempunyai tag skrip yang berasingan tanpa sumber tetapi di mana saya telah meninggalkan bilik untuk benar-benar menulis beberapa kod saya sendiri. Kod saya ingin menulis adalah seperti berikut, $, yang benar-benar hanya notasi trengkas untuk jQuery sendiri, (dokumen). Dalam erti kata lain, saya hanya lulus sebagai hujah ke fungsi yang dipanggil jQuery dokumen itu, global berubah-ubah, yang sudah wujud di dalam mana-mana halaman web. 

Kemudian mari kita buat. Siap, memanggil fungsi yang atau kaedah yang menyatakan bahawa sebahagian kod berikut perlu dilaksanakan hanya sekali keseluruhan dokumen sedia, khusus ini fungsi tanpa nama di sini. $ "# Demo", yang menyatakan bahawa saya ingin untuk mendapatkan unsur dari DOM saya siapa yang pengecam unik adalah demo. Dan kemudian sebaik sahaja kami telah mendapat itu, mari kita mendaftar dengan suatu pengendali peristiwa untuk Hantar acara dengan menentukan. mengemukakan, lulus dengan tanpa nama fungsi yang menjangka satu hujah yang kita akan panggil acara, yang merupakan akhirnya hanya akan menjadi rujukan kejayaannya untuk sebenar acara penyerahan hanya dalam kes kita akan suka untuk mengakses yang secara langsung. 

Sementara itu, mari kita menentukan pendakap terbuka dan pendakap rapat dan dalam mereka pendakap, mari kita sebenarnya menulis kod yang kita mahu dilaksanakan apabila borang ini dikemukakan. memberi amaran kepada "hello," dan mari kita concatenate pada supaya hasil daripada memanggil $ "# Nama" yang menyatakan bahawa saya ingin mendapatkan elemen dalam DOM saya yang unik pengecam adalah nama. Dan mari kita kini memanggil fungsi dalam objek yang dipanggil Val yang mendapat nilai teks yang pengguna ditaip masuk Dan mari kita concatenate pada supaya, hanya untuk keseronokan, tanda seru. 

Akhir sekali, bukan hanya pulangan palsu sebagai kami tidak sebelum ini, mari kita menjadi sedikit lebih yang jelas dan menentukan bahawa memandangkan objek event, kami tidak akan digunakan untuk yang lalai tingkah laku dengan secara khusus memanggil fungsi atau kaedah yang dipanggil mengelakkan lalai seperti berikut. event.preventDefault. Sekarang mari kita simpan fail tersebut dan membukanya dalam pelayar saya. http://localhost/dom-2.html 

Ada borang itu. Mari kita input Daud. Mengklik Hantar dan hello, David kembali.