Halo teman-teman?masih semangat, kita lanjut lagi belajarnya, kali ini pembahasan kita tentang jquery yaitu fungsi .height() dan pada kasus kali ini kita akan belajar bagaimana cara menghitung tinggi suatu element dengan fungsi .height pada jquery.

Seperti yang tadi saya katakan, fungsi .height pada jquery adalah menghitung tinggi dari suatu selektor yang kita tentukan, nah mungkin untuk lebih jelasnya kita langsung saja praktekan, pertama silahakan teman-teman buat sebuah file dan ketikan script berikut ini:

script diatas saya membuat sebuah div yang saya berikan style inline, lalu saya membuat sebuahj tombol, nah sekarang kita masuk pada bagaian scripting jquerynya, teman-teman silahkan tambahkan script brikut ini pada bagian head dari htmlnya,

Pada scripting jquery ini saya membuat sebuah fungsi ketika button di klik maka akan menjalankan fungsi alert diaman alert itu mengukur tinggi pada welement div yang kita buat tadi, namunĀ  sebelum itu teman-teman harus menyisipkan core dari jquery yang diambil dari website resmi jquery yakni jquery.com

teman-teman harus tambahkan script berikut ini di bagian head di html:

Saya memanggil library jquery ini secara online,

Kelengkapan keseluruhan script nya adalah seperti berikut ini:

Jadi jika teman-teman save dan jalankan pada broser hasilnya akan seperti brikut ini:

menghitung tinggi suatu element dengan fungsi .height pada jquery1

Jika teman-teman klik tombolnya maka hasilnya akan seperti berikut ini:

menghitung tinggi suatu element dengan fungsi .height pada jquery2

Gimana teman-teman cukup mudah bukan? saya rasa untuk tutorial kali iniĀ  tentang menghitung tinggi suatu element dengan fungsi .height pada jquery cukup sampai disini dulu, semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima kasih.