Maksud $(this) dalam jquery

Maksud $(this) dalam jquery

jquery ialah perpustakaan javascript popular yang menyediakan pembangun dengan banyak fungsi api yang mudah, menjadikan pembangunan web lebih mudah dan lebih cekap. $(this) ialah fungsi yang paling biasa digunakan dalam jquery, dan ia sangat penting untuk memahami penggunaan jquery. Artikel ini akan menerangkan secara terperinci penggunaan dan kepentingan fungsi $(this).

$(this) ialah kata kunci dalam jquery, yang mewakili elemen yang sedang dikendalikan. Dalam jquery, ini adalah penunjuk kepada elemen semasa. $(this) boleh difahami sebagai menukar elemen DOM yang ditunjukkan oleh ini kepada objek jQuery. Dalam jquery, elemen DOM tidak boleh menggunakan fungsi yang disediakan oleh jquery Elemen DOM mesti ditukar kepada objek jquery sebelum ia boleh dikendalikan.

Penggunaan $(this) sangat mudah. Ia boleh digunakan dalam mana-mana fungsi pengendalian acara jquery, seperti klik, alih tetikus, keydown dan acara lain. Dalam fungsi pengendalian acara, $(this) boleh menggantikan elemen yang sedang dikendalikan, dan kemudian menggunakan fungsi yang disediakan oleh jquery untuk mengendalikannya.

Sebagai contoh, jika anda ingin menambahkan acara klik pada kumpulan item senarai, setiap kali pengguna mengklik item senarai, anda perlu menambah gaya kelas padanya. Ini boleh dicapai dengan kod berikut:

$(function(){
  $('li').on('click', function(){
    $(this).addClass('selected');
  });
});

Dalam contoh ini, $('li') mencari semua item senarai dan mengikatnya pada acara klik. Apabila pengguna mengklik pada item senarai, $(this) mewakili item senarai yang sedang diklik, dan kemudian menggunakan fungsi addClass untuk menambah gaya yang dipilih padanya.

Selain menggunakan $(this) dalam fungsi pengendalian acara, ia juga boleh digunakan dalam fungsi jquery yang lain. Contohnya, dalam setiap gelung, $(this) boleh mewakili elemen yang sedang diproses:

$(function(){
  $('li').each(function(){
    $(this).attr('title', $(this).text());
  });
});

Dalam contoh ini, $('li').each() menggelung melalui semua item senarai dan Gunakan $( ini) untuk mewakili elemen yang sedang diproses. Kemudian gunakan fungsi attr untuk menetapkan atribut tajuk untuknya dan nilai atribut ialah kandungan teks item senarai.

Ringkasan: $(this) ialah kata kunci yang sangat penting dalam jquery, yang mewakili elemen yang sedang dikendalikan. Menggunakan $(this) boleh menjadikan kod lebih mudah dan ringkas. Jika anda menggunakan jquery untuk pembangunan web, maka jangan teragak-agak untuk menguasai penggunaan $(this).

Atas ialah kandungan terperinci Maksud $(this) dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!