aldiunanto.com

Perbedaan $(this) dengan this pada jQuery

Perbedaan $(this) dengan this pada jQuery - Aldi Unanto

Sebelum menulis post ini, saya juga sempat kebingungan ketika menemukan sebuah kasus pemakaian $(this) yang saya lakukan tidak berfungsi. Ketika itu saya ingin mendapatkan value dari sebuah atribut elemen <a> yaitu href.

Langsung saja, mari kita lihat kedua contoh pemakaian $(this) dan this dibawah ini.

Apa yang akan dihasilkan dari kedua contoh di atas?

Hasilnya akan serupa. Tapi kita bisa lihat disini memakai dua cara yang berbeda. Contoh pertama dengan menggunakan this, dan contoh kedua dengan menggunakan $(this).
Kalau kita perhatikan, perbedaan antara $(this) dengan this adalah :

 

this

Digunakan untuk mengambil DOM elemen atau menggunakan kode javascript secara pure(murni). Contohnya seperti blok kode yang pertama, kita menggunakan method .getAttribute() untuk mendapatkan value dari atribut href pada tag <a>

$(this)

Digunakan untuk bisa mendapatkan atau menggunakan object-object jQuery. Dengan kata lain, jika kita menggunakan $(), maka akan secara penuh kita bisa menggunakan the power of jQuery. Tetapi tidak untuk DOM method atau pure javascript. Maka dari itulah kita menggunakan .attr() untuk contoh yang kedua, karena method ini merupakan method yang diciptakan oleh jQuery.

Untuk sampe secara live, bisa dilihat di sini

2 thoughts on “Perbedaan $(this) dengan this pada jQuery

Leave a Reply

%d bloggers like this: