jquery appelle la méthode en passant les paramètres

Dans jQuery, il existe de nombreuses façons différentes de transmettre des arguments aux fonctions. Cet article présentera quelques méthodes de transmission de paramètres dans jQuery.

1. Utilisez des paramètres simples

Le moyen le plus simple consiste à ajouter des paramètres directement après le nom de la fonction. Par exemple :

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

Cet extrait de code fera apparaître une boîte de message à chaque fois que vous cliquerez sur le bouton, et la boîte de message affichera le texte "Bonjour".

2. Passer des objets en tant que paramètres

Parfois, nous pouvons avoir besoin de transmettre plusieurs paramètres à une fonction, et ces paramètres peuvent avoir certaines corrélations. À ce stade, plusieurs paramètres peuvent être encapsulés dans un objet pour être transférés. Par exemple :

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

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

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

Cet extrait de code affichera une boîte de message à chaque fois que vous cliquerez sur le bouton. La boîte de message affiche l'identifiant et le nom d'utilisateur de l'utilisateur.

3. Utilisez la méthode data() pour transmettre des paramètres

En plus de transmettre explicitement des paramètres, jQuery fournit également un moyen de masquer les paramètres de transmission. Nous pouvons utiliser la méthode data() de jQuery pour enregistrer n'importe quel objet de données sur l'élément DOM, puis accéder à l'objet de données enregistré sur l'élément via l'objet this dans la fonction de gestion des événements. Par exemple :

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

Cet extrait de code affichera une boîte de message à chaque fois que vous cliquerez sur le bouton. La boîte de message affiche l'identifiant et le nom d'utilisateur de l'utilisateur. Ici, l'objet utilisateur est enregistré dans l'attribut userData sur l'élément bouton. En utilisant la méthode data(), nous pouvons référencer cet objet utilisateur via ceci.

4. Utilisez la méthode call() ou apply() pour transmettre des paramètres

Parfois, nous devons appeler une fonction, mais nous devons spécifier manuellement le contexte dans lequel la fonction s'exécute. JavaScript fournit deux fonctions, les méthodes call() et apply(), pour répondre à ce besoin. Les deux méthodes peuvent transmettre des paramètres. Par exemple :

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

showMessage.call(null, 'Hello');

Cet extrait de code appelle la fonction showMessage et transmet la chaîne "Bonjour" en paramètre à la fonction.

Résumé

Cet article présente certaines méthodes de transmission de paramètres dans jQuery, notamment des paramètres simples, la transmission d'objets en tant que paramètres, l'utilisation de la méthode data() pour transmettre des paramètres et l'utilisation de la méthode call() ou apply() pour transmettre des paramètres. Différentes méthodes conviennent à différents scénarios et vous devez choisir la méthode appropriée en fonction de la situation réelle.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!