Pada kesempatan kali ini saya akan menjelaskan cara menggunakan method outerWidth dan outerHeight() jquery. Namun, perlu teman-teman ketahui sebelumnya. method outerWidth() adalah metode yang dapat teman-teman gunakan untuk mendapatkan atau mengembalikan lebar luar dari suatu element html (termasuk dengan nilai padding dan border jika ada). Begitupun method outerHeight() adalah metode yang sama dengan outerWidth() dimana method tersebut dapat teman-teman gunakan untuk mendapatkan atau mengembalikan ketinggian luar dari suatu element html (termasuk dengan nilai padding dan border jika ada). Terlihat dari kedua method tersebut, dimana fungsi dari keduanya hampir sama. Untuk contohnya saya akan buatkan seperti pada contoh dibawah ini.

Berikut Tahapannya :

  • Teman-teman buat terlebih dahulu satu buah file dengan nama index.html
  • Jika sudah ketikan seperti kode berikut :

  • Jika sudah selanjutnya simpan terlebih dahulu file index.html tersebut dan lihat hasilnya di browser kesayangan teman-teman.

Sampai disini penjelasan saya mengenai cara menggunakan method outerWidth dan outerHeight() jquery, semoga bermanfaat.