>> 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.