Bagaimana untuk mendapatkan objek klik dalam jquery

jQuery ialah perpustakaan JavaScript popular yang biasa digunakan untuk kesan interaktif dalam pembangunan web. Apabila pengguna mengklik pada elemen pada halaman web, kita perlu mendapatkan elemen yang diklik Pada masa ini, kita perlu menggunakan fungsi pemprosesan acara yang disediakan oleh jQuery.

Dalam jQuery, anda boleh mendapatkan elemen yang diklik dengan mudah menggunakan pengendali acara. Seterusnya kami akan menerangkan secara terperinci bagaimana untuk mendapatkan objek klik.

Fungsi pengendalian acara dalam jQuery

Dalam jQuery, fungsi pengendalian acara boleh diikat menggunakan kaedah on() atau klik(). Contohnya:

$("button").on("click", function(){
    alert("按钮被点击了！");
});

$("div").click(function(){
    alert("DIV被点击了！");
});

Kedua-dua kaedah mengikat mengikat pengendali acara klik Apabila pengguna mengklik butang atau elemen DIV, pengendali ini akan dicetuskan.

Dapatkan objek klik

Dalam fungsi pengendali acara, kita boleh menggunakan kata kunci this untuk mendapatkan objek acara klik. Sebagai contoh, dalam contoh di atas, kod untuk mendapatkan objek butang yang diklik adalah seperti berikut:

$("button").on("click", function(){
    var btnObj = this;
    alert("按钮被点击了！");
});

Kata kunci this digunakan di sini untuk mendapatkan objek acara klik, dan objek yang diperoleh ialah <button> objek elemen. Begitu juga, kita juga boleh mendapatkan objek elemen DIV melalui kata kunci this:

$("div").click(function(){
    var divObj = this;
    alert("DIV被点击了！");
});

Dalam pembangunan sebenar, kita juga boleh menukar objek yang diperolehi menjadi objek jQuery, supaya kita boleh menggunakan banyak fungsi yang disediakan oleh Kaedah jQuery untuk memanipulasi elemen DOM. Contohnya:

$("button").on("click", function(){
    var btnObj = $(this);
    btnObj.hide(); // 隐藏按钮
});

Fungsi $() digunakan di sini untuk menukar yang diperolehi kepada objek jQuery, dan kemudian kaedah hide() dipanggil untuk menyembunyikan butang.

Ringkasan

Dalam jQuery, objek acara klik boleh diperolehi dengan mudah melalui fungsi pengendalian acara. Gunakan kata kunci this untuk mendapatkan objek, atau tukarkannya kepada objek jQuery dan gunakan lebih banyak kaedah untuk mengendalikannya. Teknik ini sangat berguna untuk mereka bentuk interaksi yang baik.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan objek klik dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!