jquery memanggil parameter lulus kaedah

Dalam jQuery, terdapat banyak cara yang berbeza untuk menghantar argumen kepada fungsi. Artikel ini akan memperkenalkan beberapa kaedah untuk menghantar parameter dalam jQuery.

1. Gunakan parameter ringkas

Cara paling mudah ialah menambah parameter terus selepas nama fungsi. Contohnya:

$('button').click(function() {
  alert('Hello');
});

Coretan kod ini akan muncul kotak mesej setiap kali butang diklik dan kotak mesej memaparkan teks "Hello".

2. Melalukan objek sebagai parameter

Kadangkala kita mungkin perlu menghantar berbilang parameter kepada fungsi dan parameter ini mungkin mempunyai korelasi tertentu. Pada masa ini, berbilang parameter boleh dirangkumkan ke dalam objek untuk dipindahkan. Contohnya:

function showUser(user) {
  alert('User ID: ' + user.id + '
Username: ' + user.username);
}

var user = {
  id: 123,
  username: 'john_doe'
};

$('button').click(function() {
  showUser(user);
});

Coretan kod ini akan muncul kotak mesej setiap kali butang diklik Kotak mesej memaparkan ID pengguna dan nama pengguna.

3. Gunakan kaedah data() untuk menghantar parameter

Selain menghantar parameter secara eksplisit, jQuery juga menyediakan cara untuk menyembunyikan parameter yang lulus. Kita boleh menggunakan kaedah data() jQuery untuk menyimpan sebarang objek data pada elemen DOM, dan kemudian mengakses objek data yang disimpan pada elemen melalui objek ini dalam fungsi pengendalian acara. Contohnya:

$('button').data('user', {
  id: 123,
  username: 'john_doe'
}).click(function() {
  var user = $(this).data('user');
  alert('User ID: ' + user.id + '
Username: ' + user.username);
});

Coretan kod ini akan muncul kotak mesej setiap kali butang diklik Kotak mesej memaparkan ID pengguna dan nama pengguna. Di sini objek pengguna disimpan dalam atribut userData pada elemen butang. Dengan menggunakan kaedah data(), kita boleh merujuk objek pengguna ini melalui ini.

4. Gunakan kaedah call() atau apply() untuk menghantar parameter

Kadangkala kita perlu memanggil fungsi, tetapi kita perlu menentukan secara manual konteks di mana fungsi berjalan. JavaScript menyediakan dua fungsi, kaedah call() dan apply(), untuk memenuhi keperluan ini. Kedua-dua kaedah boleh lulus parameter. Contohnya:

function showMessage(message) {
  alert('Message: ' + message);
}

showMessage.call(null, 'Hello');

Coretan kod ini memanggil fungsi showMessage dan menghantar rentetan "Hello" sebagai parameter kepada fungsi tersebut.

Ringkasan

Artikel ini memperkenalkan beberapa kaedah menghantar parameter dalam jQuery, termasuk parameter mudah, menghantar objek sebagai parameter, menggunakan kaedah data() untuk menghantar parameter dan menggunakan call() atau gunakan ( ) kaedah untuk lulus parameter. Kaedah yang berbeza sesuai untuk senario yang berbeza, dan anda perlu memilih kaedah yang sesuai mengikut situasi sebenar.

Atas ialah kandungan terperinci jquery memanggil parameter lulus kaedah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!