Bagaimanakah Saya Boleh Menggunakan Pembolehubah JavaScript dalam Pemilih jQuery?

Menggunakan Pembolehubah JavaScript Dalam Pemilih jQuery

Apabila bekerja dengan jQuery, anda mungkin menghadapi senario di mana anda perlu memasukkan pembolehubah JavaScript ke dalam pemilih. Ini boleh dicapai menggunakan kaedah berikut:

• Penggabungan Terus:
  Dalam pendekatan ini, pembolehubah disatukan secara langsung dalam rentetan pemilih jQuery. Walau bagaimanapun, adalah penting untuk memastikan bahawa nilai pembolehubah disertakan dalam petikan berganda.

  var name = this.name;
  $("input[name='" + name + "']").hide();

  Salin selepas log masuk

• Interpolasi Rentetan:
  Versi JavaScript moden membenarkan interpolasi rentetan menggunakan literal templat. Pendekatan ini lebih ringkas dan menawarkan peningkatan fleksibiliti.

  var id = this.id;
  $(`#${id}`).hide();

  Salin selepas log masuk

• Kesan:
  Selain menyembunyikan elemen, anda juga boleh menggunakan pelbagai kesan menggunakan kaedah slideUp() atau keluarkan elemen secara kekal menggunakan remove() kaedah.

  $("#" + this.id).slideUp();  // Slide up the element
  $("#" + this.id).remove();  // Remove the element

  Salin selepas log masuk

• Kesan Rantaian:
  Pelbagai kesan boleh dirantai bersama menggunakan kaedah slideUp() dan remove() untuk mencipta animasi yang disegerakkan sebelum mengalih keluar elemen.

  $("#" + this.id).slideUp('slow', function () {
      $("#" + this.id).remove();
  });

  Salin selepas log masuk

Dengan menggunakan teknik ini, anda boleh menggunakan pembolehubah JavaScript dengan berkesan dalam pemilih jQuery untuk mencapai pelbagai kesan dinamik dan manipulasi.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Pembolehubah JavaScript dalam Pemilih jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!